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

Countdown app

#react
Benja.min 740

@BenjaDotMin

Desktop design screenshot for the Pomodoro app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Thank you for any time spent!

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Awesome work on this challenge! The visual side looks great. One thing I'd recommend improving is the accessibility of it. You're not using interactive elements, like button, for the tabs, start/resume, or to open the settings modal. This means anyone not using a mouse/trackpad can't use the application.

I'd recommend refactoring to add interactive elements and test navigating the app using only a keyboard to see if the accessibility has improved.

Keep up the good work! 👍

Marked as helpful

1

Benja.min 740

@BenjaDotMin

Posted

@mattstuddert Excellent points there, thank you!

0
P
Matt Studdert 13,611

@mattstuddert

Posted

@BenjaDotMin, you're welcome!

1
Rosi 440

@strosi

Posted

Hi, your app looks great and the buttuns work as they should (with one exception) but I made some tests and found out that:

  • when I try to set a new time from the keyboard some unexpected values appear,
  • on starting one of the three timers the other two also start countdown,
  • when a timer finishes the reset button doesn't restart the time and at that point if I try to start some of the other timers the circle doesn't move.

Marked as helpful

1

Benja.min 740

@BenjaDotMin

Posted

@strosi Thank you!

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