We had to create a To-do app usig Zustand for state management, the app should list all task, mark it when done, add and remove tasks, attributes and proper sizes.

Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?

I started by designing my app using Figma. I made a list with the ideal components. One of my biggest problemas was trying to make my app as possible as the design, Tailwind’s utility-first approach occasionally caused conflicts with custom CSS, especially with overlapping styles for buttons, backgrounds, and borders.

Careful use of Tailwind classes alongside inline styles resolved many issues. The toggle, buttons, and footer designs were adjusted to maintain consistency across light and dark modes.

Im not 100% happy with the design mostly on dark mode so if I had more time i would like to fix it

My site:

https://estefannys-to-do-app.netlify.app