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

Responsive todo app using HTML, Sass, and vanilla JS

Venus 1,640

@VenusY

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


This todo app was built using HTML, Sass, and vanilla JavaScript, with all CRUD operations being carried out in the browser's local storage.

I used a mobile-first design philosophy while coding the markup according to the desktop version, which allowed for a more streamlined process when styling the page.

If anyone has any suggestions on how to make this code more efficient or how to make it adhere more closely to industry best practices when it comes to things such as syntax and use of certain methods/properties, I welcome any feedback.

Thank you for taking the time to look at my project.

Community feedback

Rod 90

@RodRyan19

Posted

Hi! Im sorry if im communicating through here since I cant message me. I would love to hear some feedback in my recent work since I need some guidance right now, I hope its alright. thanks!

0

Venus 1,640

@VenusY

Posted

@RodRyan19 Sure, no problem! I'll have a look at your project now.

1
Rod 90

@RodRyan19

Posted

uhmm can you check my four card component challenge? can you see anything that i did wrong @VenusY

0

@resul-elezi

Posted

Great job! What about the background image? Did you choose something else on purpose?

0

Venus 1,640

@VenusY

Posted

@resul-elezi Thank you! I appreciate you taking the time to look at and comment on my project.

To answer your questions, yes, I chose to use the same gradient that's used on the buttons as the background instead of the images they provided as I thought it made the entire app look a little bit cleaner.

It also works better on different screen sizes as you don't have to worry about the image becoming too blurry and unflattering on certain screen sizes.

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