JavaScriptHTML/CSSChrome Storage APIChrome Alarms API
Pomodoro Chrome Extension
A Chrome extension to manage Pomodoro sessions and track TODO tasks. Includes a main popup page to interface with the timer, an options page to set preferences, and a background script to handle timer logic and task tracking.
System Features
01.Keeping track of TODOs
The popup reminds the user of what their goals are by allowing them to add all the tasks to be completed to the current Pomodoro session. These tasks are stored using the Chrome Storage API to persist the data until it is cleared by the user or the extension is removed.
02.Timer Options
The default countdown time is set to 25 minutes according to Pomodoro standards, but users also have the flexibility to set their own time for personalized purposes. The extension comes with an options page where the user can set the default timeout value to start the Pomodoro countdown timer.
03.Timer Alarms & Notifications
Once the timer finishes at 00:00, a notification pops up informing the user that the specified minutes have passed. At any moment, the user can restart the countdown to the set or default time value, whether the timer is stopped or actively running.
Technical Details
Background:
The Pomodoro technique consists of simply choosing a task to work on, setting a timer for 25 minutes, and working on the task until the timer goes off. Later on, a short break of 5-10 minutes is taken before starting another Pomodoro. After four Pomodoros, a longer break of 15-30 minutes is required.
Install Instructions:
▹Download the project file.
▹Go to Chrome's extensions Dashboard by typing chrome://extensions in the Browser URL.
▹Ensure the Developer mode toggle bar located at the top right corner is enabled.
▹Click Load unpacked at the top left corner and select the directory for the cloned project.
▹(Optional) Go to the Extension icon located at the top right corner, and pin the Pomodoro Timer so that the icon becomes more accessible.