Skip to content
Submitted over 3 years ago

Todo-App made with HTML, CSS, JS and Mobile-First.

Lucas Pedro•740
@Lusk1nha
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 was a very rewarding project for me. If anyone has any feedback would help me a lot, especially on the part of JavaScript.

Community feedback

  • Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    Hello 👋 @Lucas

    Really nice attempt 👍 for this challenge

    I like the transition you have on theme toggler..!

    Suggestions 😃 :

    1. You should always put aria-label to inputs in case they don't have a label for accessibility issue.
    2. Fonts on mobile are a bit bigger, try irfan view,which calculate any part of an image, to calculate the font size and other stuffs.
    3. Add local storage so save bothe the theme and also the user activity.
    4. Add outlines to every button, input field and custom checkbox for key board user.

    Hope it helps(happy coding..! )

    2
    Lucas Pedro•740
    @Lusk1nhaPosted over 3 years ago

    Thanks, I really appreciate your tips. I will implement them now.

    0
    Roc Tanweer•2,500
    @RocTanweerPosted over 3 years ago

    @Lusk1nha Good Luck with that

    1

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