Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Todo web app

@Augustine-edeh

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

This project exposed me to Next.js, as it was my first time using the technology. I was also opportuned to work with Zustand as an alternative to react context API for easy and reliable global state management in the project directory.

What challenges did you encounter, and how did you overcome them?

Some of the challenges encountered include but are not limited to effectively implementing the them switch feature as Components in the Next.js are by default rendered on the server. This created a challenge in the method of ascertaining the dark & light class statues in the root-Element of the project.

However, this problem was resolved by the simple installation and utilization of the next-theme package from the Node package manager.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord