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

Responsive and Animated Todo App with React

P

@mayurDayal2000

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

@Mahmoud-ElAgamy

Posted

Great work, can you tell me how you implemented dnd functionality?

Marked as helpful

1

P

@mayurDayal2000

Posted

Hi @Mahmoud-ElAgamy

Thank you for reviewing my project! I used the Framer Motion React library for the drag and drop functionality because it offers smooth animations and simplified interaction handling, allowing me to focus more on design and user experience.

1

@Mahmoud-ElAgamy

Posted

I have installed framer motion library and started to implement dnd functionality and reviewed your code and read a doc on framer motion web to understand how it works and followed everything step step and didn't reach a good result, only managed to make the list item draggable and nothing else, so can you tell me how you managed it or if there is an article or a video explaining how to implement drag and drop functionality with framer motion i will be very thankful to you, i have been trying for days to achieve a good result, but every time I fail and feel frustrated.

Marked as helpful

0
P

@mayurDayal2000

Posted

@Mahmoud-ElAgamy Happy to help! Please share your code and I'll take a look.

1

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