Tweet
I'm getting really close to solving this challenge. I initally wanted to implement it from scratch, but that turned out to be a difficult task. So I opted for using the Quill rich text editor and integrated it into my app
quilljs.com
#100DaysOfCode #buildinpublic
Achieving the same in the thread input area is a bit more complex and I still haven't figured how to do it. I know how Twitter does it in their tweet input area, but I still can't replicate it in my app. Hopefully I will be able to do it soon.
After more than a week away from coding because of a crazy work schedule, I managed to get back to my app today. Addressed a bug with publishing the thread after login and managed to setup Continuous Integration for the @Azure app #100DaysOfCode #buildinpublic
Spent this afternoon implementing the functionality to highlight URLs in Threadder and converting them into links that open in new tabs. I also fixed some bugs and added ability to scroll the thread viewer to bottom when not all of the tweets fit. #100DaysOfCode #buildinpublic
Added a simple UX feature to my app. User mentions and hashtags are now highlighted in the thread viewer. I plan to use the same functionality to highlight URLs as well. However, none of them are highlighted in the thread input yet #100DaysOfCode #buildinpublic
As I mentioned already, Threadder has a new home now. This was to address an issue where the app didn't work on Brave and Safari. It now works on Firefox, Chrome, Brave and Safari on desktop, Android and iOS devices.
threadder.azurewebsites.net
#100DaysOfCode #buildinpublic
I ended up deploying the app to Azure instead. For some reason, my account didn't work on Google Cloud, so I decided to use Azure instead.
You can find the app here
threadder.azurewebsites.net
#100DaysOfCode #buildinpublic
Following up on this one. I am going to be testing deploying the frontend and backend together to Google Cloud App Engine. Will keep you posted on how it goes. #buildinpublic
Following up on this one. I am going to be testing deploying the frontend and backend together to Google Cloud App Engine. Will keep you posted on how it goes. #buildinpublic
Well. I have good news and bad news.
The good news: I know what is causing the issue.
The bad news: It also happens on Safari and up until now I have no damn clue how I am going to solve it πŸ˜‚
#buildinpublic
Though I have a freelance gig this weekend, I decided to take my laptop with me, so I can use any free time I have to continue working on my project. Already fixed a bug I discovered with the way I was handling uploading media to Twitter. #100DaysOfCode #buildinpublic
Well. I have good news and bad news.
The good news: I know what is causing the issue.
The bad news: It also happens on Safari and up until now I have no damn clue how I am going to solve it πŸ˜‚
#buildinpublic
I have just encountered a bug where my web app doesn't seem to log in successfully on Brave browser. Encountered the bug on the mobile version of Brave, but I think it will also happen on the desktop version. Will test it to make sure and try to figure out the issue.
This is the first tweet I publish from my app after converting it into a progressive web application. I will admit that I used a template from create-react-app to make the conversion, so I still need to actually understand the process. #100DaysOfCode #buildinpublic
This is the first tweet I publish from my app after converting it into a progressive web application. I will admit that I used a template from create-react-app to make the conversion, so I still need to actually understand the process. #100DaysOfCode #buildinpublic
This is the first tweet I publish from my app after converting it into a progressive web application. I will admit that I used a template from #create-react-app to make the conversion, so I still need to actually understand the process. #100DaysOfCode #buildinpublic
Another important milestone for my web app. I can now publish images and GIFs directly from the app. Technically, I can publish videos as well, but I haven't enabled that functionality in the UI yet. Carlton Banks time once again πŸ•ΊπŸ₯³
#100DaysOfCode #buildinpublic
Had a bit of a gruelling programming session today 🀣
Was trying to figure out how to upload media files using Twitter's API. It was my first time dealing with file streams in Javascript and I got a bit confused, but I eventually figured it out.
#100DaysOfCode #buildinpublic
It's always said that the best comments you can add to your code are the ones that explain why a specific approach was chosen, rather than what the code does.
With that in mind, this is probably the best comment I've ever written in my entire life 🀣
#100DaysOfCode #buildinpublic
Spent some time this afternoon creating a React component for displaying images added to a tweet. The component displays the image along with a button to remove the image. The implementation for the delete function is not yet done. #100DaysOfCode #buildinpublic
Yesterday I started implementing the ability to add images to tweets in Threadder, my tweet splitter web app. There are still a couple of bugs I am trying to iron out and you still can't publish the images with the tweet, but it is getting there.
#buildinpublic #100DaysOfCode
Had a bit of a low key coding session. Didn't do anything fancy, but spent the time organising and cleaning my code.
Next on my to-do list for the app ➑️ Attaching images to a tweet #100DaysOfCode #buildinpublic
Who's feeling like a big boy now? πŸ™‹β€β™‚οΈ
Managed to implement the beginnings of a continuous deployment workflow for my web app using Github Actions. Whenever I push changes to the repository, they are automatically built and deployed #buildinpublic #100DaysOfCode
Last night, I added an emoji picker to #threadder. At the moment it shows up in both the desktop and mobile versions, but I will eventually remove it from the mobile version since it isn't needed there #100DaysOfCode #buildinpublic #DEVCommunity #javascript #Reactjs