About Pomodoro Timer

Browser-based Pomodoro timer with configurable work sessions (default 25 minutes), short breaks (5 minutes), and long breaks (15 minutes) after a set number of cycles. Uses the Web Audio API to generate a notification tone when sessions end, and requests browser notification permission for alerts even when the tab is in the background. Tracks completed sessions with timestamps and displays daily focus statistics.

  • Customizable durations: work (1–60 min), short break (1–30 min), long break (1–60 min)
  • Configurable long-break interval (default: every 4 work sessions)
  • SVG circular progress ring animates in real time
  • Audio notifications synthesized via Web Audio API oscillator—no external sound files
  • Session history with start times, durations, and session type
  • Skip button to advance to the next session without waiting

Frequently Asked Questions

Does the timer keep running if I switch tabs?
Yes. The countdown uses setInterval which continues in background tabs. Browser notifications will fire when a session completes, so you will be alerted even if you are working in another application.
What happens to my session data if I refresh the page?
All session history and statistics are stored in component state only—refreshing the page clears them. If you need persistence, copy your stats before navigating away.

More Productivity Tools

All Productivity tools