Submitted over 2 years ago

Todo app built with React | Styled Components | Framer Motion

react, styled-components, framer-motion

Abed Fetrat•450

@abedfetrat

A solution to the Todo app challenge

Preview Code

Solution retrospective

This is another of my projects built with React. I used Styled components for the styling. For the drag to reorder function I was thinking of implementing it without any libraries, but after doing some research I found out that the native drag and drop API didn't work with touch screen devices. So I ended up using Framer Motion because of it and that we get nice animations for free.

Let me know If you have coded the drag and drop functionality without using libraries, as I'm still interested to see how it's done. ✌

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Abed Fetrat'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