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 with React JS (No dragging/reordering)

Amon 2,560

@A-amon

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


My styling code here is a little messy! Am totally new to styled component. If you have any pointer or feedback, don't hesitate to leave it down here~

P.s. The todos aren't stored in localstorage so they will be gone once reload page.

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi there, Amon! 👋

Well done on this challenge! 👍 The light/dark themes and to-do list work quite well! 🙌

One small thing I'd like to suggest is to allow users to mark items as completed by clicking on the name of the item (not just the checkbox to the side). That'll just make the to-do list a little easier to use. 😉

Keep coding (and happy coding, too)! 😁

1

@dvion0o0

Posted

you have done a pretty good work you just have to tweak some of styles 👍

1

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