Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Todo app with drag and drop functionality made with vanilla JS

@Abdul400

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello guys, I'm not sure if I've tested the advanced todo app enough. Kindly test and give me feedback on any bugs that you have found. Thank you so much :)

Community feedback

T
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Abdihafid Adan! 👋

Good woprk on this challenge! 👏 You've done a great job at completing this challenge with vanilla JS! 🙌

A few things I'd like to suggest are,

  • Adding object-fit: cover to the background image in the page so that the image does not seem stretched or squeezed when its aspect ratio/dimensions change.
  • Using more semantic HTML elements in your markup, which is important for accessibility and SEO-related reasons. For instance, the theme toggle and the options and the bottom of the to-do list could really benefit from being wrapped in button elements. That way, users can interact with those elements using their keyboard, which is important for users who do not have or use their mouse/trackpad. 😉

Hope you find these tips helpful. 😊

Keep coding (and happy coding, too)! 😁

Marked as helpful

2

@Abdul400

Posted

@ApplePieGiraffe Thank you so much for your feedback. I will most definitely consider them for my next project.

1
T
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@Abdul400

Glad to help! 😀

1

Please log in to post a comment

Log in with GitHub
Discord logo

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