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 built with HTML, ReactJS, TypeScript and Sass

@liquidwater0

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


I did deviate from the design a little bit and added the ability to scroll the todo list, so you don't have to scroll the page itself to see the todos. Though it still does kinda scroll a bit, but it's fine. CSS is probably not great, but it works I guess. First time making drag and drop functionality too, which is neat. Though for mobile I deviated from the design again to add buttons to move todos up or down the list.

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