Pomodoro Clock built with React, Redux, HTML5 Canvas, SVG

Originally, I started building this using requestAnimationFrame for the timer until I realized that doing so wouldn’t pass the fCC Test Suite. Ugh.

So, I refactored to use setInterval instead, then just used requestAnimationFrame for the countdown indicator instead (which I was determined to have). It’s not as smooth now, but it still works and passes the test. I also hid the #timer-label (it’s still there and working to pass the test) and used svg text along an arc path to indicate session/break status instead to get the look I wanted.

This is my first project using Redux with React… would appreciate some feedback…



UI is awesome, man. Great work!

1 Like

Very cool design, love it! :slight_smile:

1 Like