Alright, let’s dive into what I did on the 183rd day of 2023. Nothing too crazy, but gotta keep the streak alive, right?
First thing’s first, I woke up and thought, “Okay, time to tackle that annoying bug in my little personal project.” It’s a simple to-do list app, but this bug? Ugh, it was messing up the order of the tasks whenever I refreshed the page. Super frustrating!
So, I started by firing up my IDE – VS Code, you know, the usual suspect. I opened up the JavaScript file, which is where all the magic (and the bugs) happen. I spent a good hour just staring at the code, trying to figure out what was going wrong. I even added a bunch of statements to see what the data looked like at different points in the process.
After much head-scratching, I realized that the problem was with how I was saving the task list to local storage. I was saving it as a simple string, but when I retrieved it, the order wasn’t being preserved. Rookie mistake, I know!
Okay, time for a fix. I decided to switch to using and to save and retrieve the task list. This way, I could preserve the data structure and the order of the tasks. It was a bit of a pain to refactor the code, but it was worth it.
I made the changes, tested it out, and… BAM! The bug was gone. The tasks were now being displayed in the correct order, even after refreshing the page. I did a little happy dance, because, let’s be honest, squashing bugs is always a win.
Next up, I decided to work on some styling. The app was functional, but it looked like it was straight out of 1995. So, I added some CSS to make it look a bit more modern. I changed the fonts, added some colors, and rounded the corners of the buttons. Small changes, but they made a big difference.
Finally, I deployed the updated app to Netlify. It’s free, and it’s super easy to use. I just connected my GitHub repo, and Netlify took care of the rest. Now, anyone can access my to-do list app and use it to manage their tasks. Cool, right?
That was pretty much my day. I fixed a bug, added some styling, and deployed the app. It wasn’t anything groundbreaking, but it was a productive day. And hey, every little bit counts, right?
Here’s a quick rundown of what I learned:
- Don’t forget to use and when saving data to local storage, especially if you want to preserve the data structure.
- A little bit of styling can go a long way.
- Netlify is awesome for deploying static websites.
That’s all for now. Catch you later!
