Pomodoro
A focused timer that alternates work and break intervals to help maintain momentum.
JavaScript
HTML
CSS
How it was implemented
A simple interval loop manages countdowns and switches modes on completion. UI state updates are kept minimal to avoid reflows.
What I learned
-
Using
setInterval(...)to tick the timer andclearInterval(...)to stop it precisely on state changes. -
Creating and controlling audio cues with the Web Audio API via
new Audio(src)and.play()for feedback.