A Javascript application based on Pomodoro Technique
Pomodoro is a time management technique developed in the 1980s which uses a timer to break down work into intervals, traditionally 25 minutes in length, separated by short breaks.
A Pomodoro timer is a simple application that keeps you focused and productive by scheduling work and break sessions consecutively.
The Pomodoro timer build implements the Pomodoro technique perfectly and tells you exactly when to work and when to take a short break. The basic process is as follows:
- Start a 25-minute timer.
- Work until the timer rings.
- Take a short, five minutes break.
- Every four pomodoros, take a longer break (15 minutes).
- Allows Keyboard event to control the timer
- Press P : Pomodoro Mode
- Press S: Short Break Mode
- Press L: Long Break Mode
- Press Space Bar: Play/Pause the timer
- Timer goes red if timer reaches to 2min
- Blink effect on clock
- Browser Notification to User
- Playing sound on clock start, stop and on mode switch
- Fully Mobile Responsive App
You need to have a basic knowledge of html, css and JavaScript under your belt. Additionally, you need to have Git, VScode text editor installed on your computer.
- Live server to run the project. Click here to see download instructions and how to use live server to run the project
- clone the repo using below command
git clone https://github.com/ialtafshaikh/pomodoro-app.git
- And run the index.html using Live server
To Host the Project I had used Github Pages. To learn more visit her
- How to Build Pomodoro APP
- Keyboard Events
- Key codes
- Using CSS custom properties (variables)
- Inheriting box sizing slightly better best-practice
- JS Destructuring
- Event Delegation
- Altaf Shaikh - work by - ialtafshaikh
This project is licensed under the MIT License - see the LICENSE.md file for details