Skip to content
Submitted over 3 years ago

Todo App Draggable and Local Storage Character Counter , etc

Luiz Claudio Lopes•505
@lc-dev90
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

One of my firsts challenges that I focus on Javascript, i'm totally new as a Javascript programmer, i have been programming about 2 ~ 3 months ago, and I think that my code was too big hehe. In the future I will made this challenge again to improve the code.

The todo app have Local Storage save persist, has a character counter, treatment of some errors on input, the todo list is draggable, and I need to make my app 100% functional with keyboard (actually is about 50%).

The todos task can be editable with when user Double click this. You can press enter to save your edit.

All sugestions are welcome!!!!

Happy coding everybody@

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hi there, Luiz Claudio Lopes! 👋

    Very nice job on this challenge! 👍 The to-do list works pretty well and the extra features that are added are very cool! 👏 I love all of the ideas that you thought of to add to this challenge! 😀

    A small suggestion I have is to allow users to mark items as completed by clicking on the name of the item (not just the checkbox) to make the to-do list a little easier to use.

    And also, consider checking the responsiveness of the site below 540px, since there seems to be some overflow happening there, at the moment. 😉

    Keep coding (and happy coding, too)! 😁

    1
    Luiz Claudio Lopes•505
    @lc-dev90Posted over 3 years ago

    @ApplePieGiraffe Thank you ApplePieGiraffe, i fixed the responsiveness! I will make a pause to study some topics like async await, promises, high order functions etc, later I will improve this challenge!

    Thank you again!!!

    0
  • tediko•6,680
    @tedikoPosted over 3 years ago

    Hello, Luiz! 👋

    Good effort on this challenge! 🎉 Everything works good and responds well. I really like the details you add like modal, erros. Take a look at:

    • When I start editing two todos one after the other and then i check them, the styles with line through doesn't apply.

    Good luck with that, have fun coding! 💪

    1
    Luiz Claudio Lopes•505
    @lc-dev90Posted over 3 years ago

    @tediko Thank you tediko :)

    0

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