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, indexedDB, Vanilla JS, Modal Window and custom Drag and Drop

Ronny Endaraā€¢ 430

@rojaence

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


Hi everyone šŸ‘‹, In this challenge I use: ā€¢ Localstorage to save the selection of themes. ā€¢ IndexedDB to save the task data. ā€¢ Implementation of a modal window similar to SweetAlert to display alerts. ā€¢ Both drag and drop and modal window functions are designed with pure JS. Any feedback is welcomed.

Community feedback

Marlon Passosā€¢ 940

@MarlonPassos-git

Posted

Your page is very nice, the fact that you put everything in the localstorage was well thought out, now some things I suggested to improve

  • the logo and the theme change button could be in a <header> tag

  • and the "to do list" elements would match very well with an ul tag and each element would be a <li>

Marked as helpful

0

Ronny Endaraā€¢ 430

@rojaence

Posted

@MarlonPassos-git Thanks for the feedback!

0

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