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 List with DragNDrop and LocalStorage

Copper2 410

@long-1810

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


This project took me longer than expected to finish. I've encountered some major bugs while doing this project but after all it's now finished.

Problems:

  • Drag and drop todo items can sometimes be janky

Additional features:

  • Drag and drop todo items with dnd-kit library
  • Store list items with localStorage

Overall, this is an interesting challenge. I learned a lot throughout the way, notably how to set linear-gradient borders and how to implement dnd in my project.

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