React, grid and flexbox solution

This challenge introduced me to this technique, never heard about it :) App cycle - 5 short breaks, then a long one. After you can restart the cycle.

The hardest thing was making svg time indicator, first time using hand made svg and the first one turns out to be so complicated :D Found simmilar solution on web, remade it a lil bit, and it works. (It's not nice to use someone else's work, but this one is too difficult for the first time).

Added some sounds in cycle, to indicate pomodoro and pauses.

P.S. I adjusted the sound for myself, tried to make it not loud. Be careful, it may be loud for your audio system! Or maybe you won't hear it at all...

¯_(ツ)_/¯