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.