Precourse 4 week: Pomodoro Timer Project

Screenshot 2021-02-26 at 19 06 49

😆This week's project: a “Pomodoro timer”. This is a productivity tool that helps you time alternating periods of working and resting.😆

Features implemented:

  • A “work” timer that counts down to zero (usually 25 minutes)
  • A second “break” timer that counts down to zero (usually 5 minutes)
  • Buttons to start a session, pause the timer, or cancel the session and restart

Stretch goals

  • Customisable lengths of time for work/break
  • Play an alarm sound to make it obvious the time is up

Challenging things:

🥵🥵

  1. How setInterval function works and how to start it onClick
  2. How to calculate time manually without using new Date object
  3. How to toggle the same button for start/stop
  4. How to get user input and pass it to start timer function with one button onClick
  5. How to switch from work to break and back to work continiously
  6. How to change background colour for break/work
  7. How to play alarm sound.

Resources used:

📚📚