Submitted over 3 years ago

HTML,CSS,JS Solution to Todo app

Abhik• 4,840

@abhik-b

Preview site View code

This is a solution for...

Todo app

HTML
CSS
JS

3intermediate

View challenge

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

@ApplePieGiraffe

Posted over 3 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)! 😁

Abhik• 4,840

@abhik-b

Posted over 3 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 😀

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

@abhik-b

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

Abhik• 4,840

@abhik-b

Posted over 3 years ago

@ApplePieGiraffe Thank you very much ❤

Aayush Sood• 1,165

@soodaayush

Posted over 3 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.

Abhik• 4,840

@abhik-b

Posted over 3 years ago

@WarBaddy Thank you WarBaddy for your valuable comment 🙏

Abhik• 4,840

@abhik-b

Posted over 3 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 😇

Oleh Tovkaniuk• 505

@OlehTovkaniuk

Posted over 3 years ago

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

Abhik• 4,840

@abhik-b

Posted over 3 years ago

thank you for your valuable feedback 🙏

Oleh Tovkaniuk• 505

@OlehTovkaniuk

Posted over 3 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.

Abhik• 4,840

@abhik-b

Posted over 3 years ago

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

Please log in to post a comment

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