Skip to content
Submitted almost 4 years ago

HTML,CSS,JS Solution to Todo app

Abhik•4,840
@abhik-b
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

I have used SortableJS for making drag n drop available for mobile devices Please provide a feedback on how I should improve this 🙏

If you are new to frontend mentor and you are struggling with this challenge then I have also created youtube video while creating this solution which can be used as a reference:https://youtu.be/lZE0Qydl4ko

* This video shows pure javascript way for drag n drop and also array sorting after drag n drop

Community feedback

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

    Hey, Abhik Bhattacharya! 👋

    Good work on this challenge! Your todo list works well and so the light/dark themes! 👏

    I only suggest,

    • Perhaps allowing users to check items off the todo list by clicking on the title of each todo (rather than just the checkmark bubble) to make checking things off a little easier.

    Keep coding (and happy coding, too)! 😁

    1
    Abhik•4,840
    @abhik-bPosted almost 4 years ago

    @ApplePieGiraffe Thank you very much for your valuable feedback🙏 Actually I have updated my code by now and your feedback really helped me improve it 😇

    Happy Coding 😀

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

    @abhik-b

    Just took another look, and I like the changes, abhik-b! Keep it up! 👍

    1
    Abhik•4,840
    @abhik-bPosted almost 4 years ago

    @ApplePieGiraffe Thank you very much ❤

    0
  • Aayush Sood•1,175
    @soodaayushPosted almost 4 years ago

    Good job on that page! The only things I'd recommend you do is to decrease the width of the todo list, Make the borders a bit thinner and that's all I have to say.

    1
    Abhik•4,840
    @abhik-bPosted almost 4 years ago

    @WarBaddy Thank you WarBaddy for your valuable comment 🙏

    0
    Abhik•4,840
    @abhik-bPosted almost 4 years ago

    Thank you very much for your valuable feedback🙏 Actually I have updated my code by now and your feedback really helped me improve it 😇

    0
  • Oleh Tovkaniuk•505
    @OlehTovkaniukPosted almost 4 years ago

    Good job! There are some bugs but good work! I'll take some ideas from your solution, thank you Abhik

    1
    Abhik•4,840
    @abhik-bPosted almost 4 years ago

    thank you for your valuable feedback 🙏

    0
    Oleh Tovkaniuk•505
    @OlehTovkaniukPosted almost 4 years ago

    @abhik-b Standart HTML drag and drop API is so bad. That doesn't even work with mobile. That's why I have also used Sortable JS. Super easy to implement drag and drop feature with it.

    1
    Abhik•4,840
    @abhik-bPosted almost 4 years ago

    @OlehTovkaniuk Yes you are right it's super easy to implement and also works with touch devices

    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