Todos los to-dos

Context

Sticky notes. Google calendar events and reminders. Whiteboards with color-coded magnets. I've tried various systems for managing my todo list, but no one solution has stood out and stuck with me. I wanted a custom system that would help me keep track of things and reflects how I work and think.

Process

I researched existing todo list apps to get inspired and created a project specification with my requirements, UI inspiration and notes on the object model to be used. I created wireframes in Figjam to visualize different views and components. From there, I simultaneously planned out the technical implementation while I designed the UI and layout.

Outcome

I published Phase I of my app to GitHub! It leverages local storage in order to persist data.

Learnings

I applied what I've learned so far in my Full-Stack Javascript learning journey with The Odin Project. I made use of the module pattern and factory functions to construct the objects to be used in the app. I also learned how to load and save data to localStorage. I also incorporated Tailwind CSS into this project and learned how to leverage utility classes for consistent, responsive design.

Next steps

I plan to add a back-end database, authentication and other task management features before this can replace my current todo tracking system.