Submitted about 2 years ago

Todo App using React and TailwindCSS

Dike Wendelyn• 210

@Nathandcwendy

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Todo app

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

I wanted to find an alternative to using the normal DOM drag and drop API to implement my drag and drop feature.

I went on to learn react-beautiful-dnd, it was very impressive but there was an issue. React-beautiful-dnd has a problem when dealing with scrollable lists. I then decided to learn a different dnd package and implement it.

I stumbled upon react-dnd which I then used with a react-dnd-html5-backend. It felt move powerful but also, it was difficult for me to handle my different drag/drop items.

I finally decided to use the normal DOM drag and drop events and it turned out very good. The implementation was very simple. I'm glad I took on this challenge. I really went on a journey.

Thanks frontEndMentor.io!!!!!!

Community feedback

Please log in to post a comment

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