Skip to content
Submitted almost 4 years ago

Todo App - React.JS / SCSS

Dennis Griffin•1,320
@dgdev1024
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

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

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    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

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