to-do list "Seize Time"

Technologies:

version 1

I learned a lot of things along the process. The simple fact that I did all this by myself with the knowledge that I acquired in the past forced me to think a lot.

I solved new challenges in this project and I ended up with many questions with answers and many other questions that I'm still looking for an answer to.

One of those questions Is how to iterate over JavaScript Generated Elements, this has been by far the most difficult task to solve, but I'm sure I'll find a way to do this.

But if you know something about this, I'll be greatful if you could share your knowledge.

version 2

Added a new color scheme that looks better to my eye, I'm not a design expert, but I've learned a couple of things about color palettes since I made the first iteration on this to-do list web app.

Added a second way to access the pomodoro countdown feature, this is located on the sidebar if you're on a computer or opening the burger menu on mobile devices. This change was made with the intent to offer a view of the countdown even if you close the popup which in my opinion this benefits computer users for the most part.

As you might've noticed I used data attributes on the JS selectors only on the new changes that I made, this is one of the many things I've learned. The purpose of using data attributes instead of just classes or IDs is to keep the CSS selectors separated from JS selectors, making the code more maintainable for future changes. If you wonder why I didn't change all the selectors to data attributes, that's because I want people to see the difference, but for sure I'm using data attributes for my future projects.

Connect with me: