Skip to content
Submitted over 3 years ago

Todo App using HTML5, SCSS, JavaScript and Sortable.js

Ian De Guzman•330
@ianbrdeguzman
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

Hello 👋!

Appreciate any kind of feedback. Couldn't complete the bonus task with vanilla drag and drop API so last resort was Sortable.js. On need 1 line of code to complete drag and drop feature.

Community feedback

  • Karim•810
    @Karimsamir112Posted over 3 years ago

    this very good , I like it so much , but I have some suggestions:

    -you can decrease the number of items left when I click on the close button(X) and you can put 0 item left when I click on completed button.

    -you can put also an alert when the input is empty like you must write something

    overall it's great work , happy coding and keep going 👍👏

    0
    Ian De Guzman•330
    @ianbrdeguzmanPosted over 3 years ago

    @Karimsamir112

    Sorry to get back here late. First of thank you for your time giving feedback really appreciate it. 🙏

    The number of items left counts the number of active to-dos right? so when its completed it will not be counted? You are right, forgot about input validation, rookie mistake. I've added an alert when input is empty.

    Again thank you for your time!

    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