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

Todo app Solution

Sean Hill 200

@seanhillweb

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


Hello Frontend Mentor Community,

This is my solution for the Todo App. I am a free user, and do not have access to the design files from the Pro version. I built this app using React, Next.js, TailwindCSS, React Hook Forms, and Next Themes.

Difficulties Encountered:

This was my deep dive into the Reducer pattern. I think I came away with a greater understanding, but getting there was trickier than expected. I'm happy with how the state and event handling is managed.

Questions:

Does anyone have a recommendation for a tool to achieve the drag-and-drop interaction?

Technologies Used:

  • React
  • React Hook Forms
  • Next.js
  • TailwindCSS
  • Next Theme

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