Pomodoro Timer | React | Redux | Styled Components | Sound Effects

Solution by
Desktop design screenshot for the Pomodoro app coding challenge
This is a solution for...

Pomodoro app

View Challenge

Design Comparison



  • 0Accessibility

  • 5HTML

View Report

Jen's questions for the community

Hey FM community! I don't have any specific questions but I'd love any/all feedback on this solution. I've only been learning React the last few months so any feedback on anything related to React, Redux, or Styled Components would be much appreciated.

I wasn't able to figure out how to style the arrows that the user clicks to increase or decrease the value in the inputs of type="number" in a way that it would work on all browsers so I just scrapped styling the arrows but I think that's something I can live with.

If you're curious to read more about this project, feel free to read the detailed README. Just to summarize, this project includes sound effects, Redux Toolkit for state management, and a few little animations 😊

Slack logo

Join our Slack community

Join over 75,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!