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

Hey, En-Jen! 👋

Oh my goodness—your solution is amazing! 🤩 The animations and sound effects that you added fit the feel of the app perfectly! 👏 Everything works really well and you've definitely got my bookmark on this one! 😀

The only very minor thing that I noticed is that the number in the timer gets rather close to the edges of the circle at certain screen sizes—you might want to bump down the font-size just a bit, then. 😉

Keep coding (and happy coding, too)! 😁

Hello, Jen! 👋

Congrats on finishing another challenge! I feel like you thought about everything in this project. I really like the animations, modal settings, sounds effects.. Great job! I found that arrows in number inputs aren't clickable. It is a little contrary to user intuition.

Good luck with that, have fun coding! 💪

Nice job Jen. There are so many ways to solve this project. I'll be looking over your code to see how you used Redux. I think it would have solved me a lot of trouble with my solution.

I don't recall how I styled the input arrows, but I do remember them giving me a lot of trouble. I just checked them again in Chrome/Firefox/Safari and there's still some room for improvement.

For my sound effects, I used Garageband and Audio Hijack to record the sfx I was considering. It's tricky finding the right notes/instruments but the audio quality is excellent.