Skip to content

My take on the Pomodoro web app, with visualizations

Notifications You must be signed in to change notification settings


Folders and files

Last commit message
Last commit date

Latest commit



29 Commits

Repository files navigation

Josh's Pomodoro

The Pomodoro Technique ®

The Pomodoro Technique ® was developed by Francesco Cirillo to facilitate productive, focused work. It is deliciously simple. Set a timer for 25 minutes — a "Pomodoro" — and focus on one task until the timer is done. Then take a short break. After four Pomodoros take a longer break. Repeat.

This App

This is my own take on a Pomodoro web app. For fun, I added animations to visualize time remaining in the current interval. The timer's background turns from red to a light coral as the red circular segment's area shrinks relative to the elapsed time (implemented via the Canvas API. The favicon is replaced once every 10% of time elapsed with a similar graphic. Future improvements being considered include a history log and integrated todos.

I must provide kudos to the TomatoTimer which I used until developing my own app.

Technologies used include HTML5, CSS3, Bootstrap4, JavaScript & jQuery.


My take on the Pomodoro web app, with visualizations






No releases published


No packages published