This is a fully customizable Pomodoro Timer web app designed to boost productivity using the Pomodoro technique. The app features customizable work/break intervals, iteration tracking, and dynamic animations to keep users engaged during their work sessions.
- Custom Timer: Set work and break intervals, with default settings of 25 minutes for work and 4 minutes for short breaks.
- Iteration Management: Track your progress across Pomodoro iterations. After four work sessions, the app gives a longer break of 15–30 minutes.
- Dynamic GIF Animations: Visual feedback based on the timer state
- Circular Progress Bar: Around the GIF area to visually represent the remaining time in each work/break session.
- Iteration Indicator: Shows completed and pending Pomodoro sessions using circular tick marks, with completed iterations highlighted.
- Fully Responsive: Optimized for mobile and desktop screens.
- Color Scheme: Follows the 70-20-10 design rule to ensure a visually balanced UI.
Add screenshots here showing key features of your app.
- Clone the repository:
git clone https://github.com/YOUR-USERNAME/pomodoro-app.git
- Open the
index.html
file in your browser, or use a local development server. - Adjust the work and break intervals using the input fields (defaults to 25 minutes for work and 4 minutes for short breaks).
- Press Start to begin the timer.
- Pause or Reset the timer using the corresponding buttons.
- Track your progress with the iteration indicator and progress bar around the GIF animation.
- Enjoy a longer break after four work sessions.
- HTML5/CSS3: For structure and styling.
- JavaScript: Core functionality of the Pomodoro timer and interactions.
- Download or clone the repository.
- Open the project folder and run it locally using a web server (optional but recommended for testing animations and progress bars).
- Customize work and break intervals in the
index.js
file if needed.
- Adding user accounts to save Pomodoro sessions.
- Adding sound notifications for session completion.
- Adding a dark mode toggle.
Feel free to fork this repository and contribute by submitting a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.