/focusTimer2.0

Challange 06 (simple interface) | Explorer Program at Rocketseat

Primary LanguageHTML

focus-timer-2.0

"FocusTimer" challenge | Create a Pomodoro style timer.

image

The buttons on the left side, below the timer, have the following functions:

  • Play / Pause: trigger / pause the timer;
  • Stop: stops the timer;
  • +: increases the timer time by 5 minutes;
  • -: decreases the timer time by 5 minutes.

Each card on the right side, when selected, changes color and emits a different sound, associated with the forest, rain, coffee shop or fireplace.