Pomodoro App Challenge w/extra features!

@astroud thank you! I'm planning to do a React course now, and then take new challenges to put it to practice.

The progress bar was certainly challenging, I used animejs as an animation library and was great, gave me lot of control when it came down to animating it. I made transition animations between clocks and also when u reset the counter.

I'm looking forward on seeing your solution!

@ringm Martin, I finally wrapped up my version.

I'm interested in any and all feedback. I'm planning to refactor the project after a learn more about testing and state management with Redux. I also have a CSS issue or two to track down.

@emestabillo sorry about the repo problem! I just updated it :D

Thanks for the feedback! Let me know what you think about the code.

@mattstuddert definetly! For starters, it was my first time working with a animation library (I used animejs). Was really helpful specially for animating the svg circular line.

Also had to research which was the best approach for changing the font a color in several places at the same time. Turns out the best practice was using css variables and update them with JS.

It was also a great UX excercise. Going through the project I had to make decisions such as:

• Should the clock stop when you open the menu?
• What happens if you want to reset the clock without realoading the page?
• It would be nice to keep track of the amount of time you've been working, without taking into account the breaks... maybe add a little clock for that?

It was interesting to develop the code with this questions in mind. I felt I could follow the guidelines of the project and then put some ideas of my own, which makes the end result more personal.

@ringm that's awesome! Those are some great questions that you were asking as you worked through the project. There's definitely a lot of scope for personalisation. It's those extra touches and details that really make the difference!

Using CSS variables for changing the theme was definitely a good approach to take. They make it so much simpler!