Submitted over 4 years ago

Draggable todo app with Fake Backend | Built with React

Connor Z•5,115

@zuolizhu

A solution to the Todo app challenge

Preview Code

Solution retrospective

Any feedbacks and suggestions are super welcome!

The todos on the list are fetching from my fake REST api endpoint. I used my json server, it is super easy to setup, highly recommended!

I used Zustand for the statement management. It just works, makes your code super clean and easy to read 🤩.

I used react-beautiful-dnd for the drag and drop function. However it sets each todo to role="button", that's why you will see those 15 HTML ISSUES 🤣.

Hope you like it and happy coding🙌!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Connor Z's solution.

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