A productivity app based on the Pomodoro Technique.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Pomodoro Clock

A productivity app based on the Pomodoro Technique.

Demo link: https://bethqiang.github.io/pomodoro-clock

Built using HTML, CSS, the Materialize framework, JavaScript, and JQuery.

Current functionalities include:

  • Customize work, break, and extended break times.
  • Sound alert when the current session starts and ends.
  • Track the number of sessions that have been completed.
  • After 4 "work" sessions, the clock will default to an extended break time instead of a normal break time.
  • Pause current session or completely reset the app.

Note: It was an intentional design choice that the user must press the "start" button to start every session--the clock won't move on to the next session automatically. When the work session finishes, the user may need an extra minute or two to finish the immediate task at hand (and, for example, won't just stop in the middle of writing an email). Likewise, if the user leaves the computer during a break and the session finishes, the clock won't automatically start a work session.

Original project idea link: https://www.freecodecamp.com/challenges/build-a-pomodoro-clock