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 using React, Tailwind, and Vite

@RDifault

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?

With this project, i've successfully implemented a frontend CRUD operations with LocalStorage. This project taught me how to create, read, update, and delete items in LocalStorage. It is quite challenging at first, but i've overcome it

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

Making the LocalStorage to sync with the web state is quite challenging at first, but i've finally solved it in the end. One of the most challenging thing in this project is implementing drag and drop feature. First, i want to use external library called Swapy. But it somehow didn't work with dynamic list like this todo app. I might've need to understand it more properly and will try to implement it

What specific areas of your project would you like help with?

Any critics and advice are welcome. Thank you

Community feedback

@Mahmoud-ElAgamy

Posted

Excellent job! To ensure accuracy, please mark the task as 'incomplete' if you uncheck it.

1

@RDifault

Posted

@Mahmoud-ElAgamy That's a nice feature to have, thanks for the advice!

0

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