Skip to content
Submitted over 4 years ago

HTML,CSS,JS Solution to Todo app

Abhik•4,820
@abhik-b
A solution to the Todo app challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    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)! 😁

  • Aayush Sood•1,175
    @soodaayush

    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.

  • Oleh Tovkaniuk•505
    @OlehTovkaniuk

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

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