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 made with HTML, CSS, JS and Mobile-First.

Lucas Pedroβ€’ 640

@Lusk1nha

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 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

@RocTanweer

Posted

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β€’ 640

@Lusk1nha

Posted

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

0
Roc Tanweerβ€’ 2,500

@RocTanweer

Posted

@Lusk1nha Good Luck with that

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