A feature-rich Pomodoro Timer application built with vanilla JavaScript that helps you stay focused and manage your work sessions effectively.
-
Customizable Timer Modes
- Pomodoro (default: 25 minutes)
- Short Break (default: 5 minutes)
- Long Break (default: 15 minutes)
-
Task Management
- Create tasks with estimated number of Pomodoros
- Track progress for each task
- Mark tasks as complete
- Clear finished or all tasks
-
Settings Customization
- Adjust durations for all timer modes
- Configure long break intervals
- Enable/disable auto-start breaks
- Settings persist across sessions
-
User-Friendly Interface
- Clean, modern design
- Color themes for different modes
- Responsive layout for all devices
- Visual feedback for active tasks
- Session counter
-
Additional Features
- Audio notifications
- Browser notifications
- Local storage for tasks and settings
- Session tracking
- HTML5
- CSS3
- Vanilla JavaScript
- Local Storage API
- Web Audio API
- Notifications API
-
Clone the repository:
git clone https://github.com/yourusername/pomodoro-timer.git
-
Open
index.htmlin your web browser
-
Timer Controls
- Click START to begin a timer
- Use PAUSE to temporarily stop
- RESET returns timer to initial state
- Switch between Pomodoro, Short Break, and Long Break modes
-
Task Management
- Click "Add Task" to create a new task
- Set estimated Pomodoros for each task
- Select tasks to track during Pomodoro sessions
- Mark tasks complete using checkboxes
- Use bulk actions to clear tasks
-
Settings
- Click the gear icon to access settings
- Customize timer durations
- Set long break intervals
- Toggle auto-start breaks
- Save to persist changes
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.