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 - React.JS / SCSS

@dgdev1024

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


This one was a bit of an interesting one. This is my first app to feature drag and drop elements in the Todo Items. The drag and drop features work only on desktop. If anyone can have a look at my Todo List and Todo Item source code and can give me any suggestions on how I can get drag and drop working on touchscreens (no extra dependencies), feel free to do so.

I enjoyed how this one came out. Let me know what you think!

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey there, Dennis Griffin! 👋

Nice to see you complete another challenge! 😀 Great work on this one! 🙌

I'm afraid I don't know how to implement drag-and-drop functionality for touchscreen devices without introducing a dependency, but I just wanted to say your solution works very well! 👍 I like the animations that occur on both the check box and the to-do item when an item is marked as completed! 👏

Keep coding (and happy coding, too)! 😁

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