A modern, feature-rich Pomodoro timer application to boost your productivity. Includes customizable timers, task management, productivity analytics, multiple themes, and PWA support.
- Pomodoro Timer: Focus, short break, and long break modes with customizable durations.
- Task Management: Add, complete, and delete tasks. Track your progress alongside your sessions.
- Custom Sequences: Create and manage custom Pomodoro/break sequences.
- Productivity Dashboard: Visualize your focus sessions, streaks, and task completion with charts and heatmaps.
- Multiple Themes: Choose from several color themes or use system auto mode.
- Notifications & Sounds: Desktop notifications and sound effects for session transitions.
- PWA Support: Installable, offline-capable, and mobile-friendly.
- Clone or Download this repository.
- Open
index.htmlin your browser to start using the app. - For full PWA features (offline, installable), serve the folder with a local web server (e.g.,
npx serve .or use VSCode Live Server).
- Timer Durations: Change focus/break durations in the Settings page.
- Themes: Switch between color themes using the theme toggle or in Settings.
- Custom Sequences: Create your own Pomodoro/break cycles in Settings or on the main timer page.
- Notifications/Sounds: Enable or disable in Settings.
- HTML5, CSS3, Tailwind CSS
- JavaScript (modular, ES6+)
- GSAP for animations
- Chart.js for dashboard charts
- Service Worker for PWA/offline support