Skip to content
Submitted 9 months ago

Responsive todo app using HTML, Sass, and vanilla JS

Venus•1,640
@VenusY
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

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
    @RodRyan19Posted 9 months ago

    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
    @VenusYPosted 9 months ago

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

    1
    Rod•90
    @RodRyan19Posted 9 months ago

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

    0
  • Resul Elezi•90
    @resul-eleziPosted 9 months ago

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

    0
    Venus•1,640
    @VenusYPosted 9 months ago

    @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

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