Hey DEV community! ๐
I recently built a Productivity Timer Chrome Extension, a lightweight, clean, and persistent Pomodoro-style timer designed to help you stay focused, even when you close the popup or restart your browser.
Additionally, it also runs on ignition mode. Isn't that cool?
๐ฏ What It Does
Sometimes, a simple timer is all you need to lock in and beat procrastination. This extension is:
- ๐ ๏ธ Customizable: Set your own timer duration
- ๐ฎ Fully controllable: Start, Pause, Resume, Reset, your rules
- ๐ง Persistent: Keeps ticking even when the popup closes or Chrome restarts
- ๐ Notifies you: Desktop alerts & in-app toasts for every action
- ๐ Session history: Tracks your last 10 focus rounds
๐งช Features at a Glance
- โ Set your desired time (default: 25 mins)
- โ
Works in the background (thanks to
background.js
+ alarms) - โ Toast & desktop notifications keep you in the loop
- โ Last 10 sessions stored using Chrome's storage API
- โ Smooth, modern UI built with HTML, CSS, JS
๐ฆ How To Install
Clone the repo:
git clone https://github.com/KelvinCode1234/Productivity-Timer
Visit:
chrome://extensions/
Enable Developer Mode
Click Load Unpacked and select the project folder
Done! Youโll see the timer icon in your Chrome toolbar ๐งญ
UI Sneak Peek
๐๏ธ Tech Breakdown
Here's what powers it:
-
popup.html
: Timer interface -
popup.js
: UI logic + background messaging -
background.js
: Alarm + persistent timer -
popup.css
: Clean minimal styles -
manifest.json
: Chrome manifest v3
โ๏ธ Permissions Used
-
notifications
: To ping you when timeโs up -
storage
: To save your sessions + timer state -
alarms
: To run seamlessly in the background
๐ License
Open-source and MIT licensed! Fork it, tweak it, or contribute ๐
๐ GitHub Repo
๐ค Why I Built This
As a dev constantly switching tabs, I needed something that wouldn't quit on me once I closed a popup.
So I built one myself: persistent, stylish, and to the point.
๐ฌ Letโs Talk
Would love your thoughts, stars โญ, or suggestions in the comments.
Letโs stay focused and build cool stuff!
โ Precious Kelvin.N
Top comments (3)
One suggestion you can choose to add a customizable alert sound. That way, users can choose what works best for them.โก๐
But still
You're so talented! Keep up the great work.
You're definitely onto something here.โ
Thanks so much for your feedback and suggestions, buddy! The alert sound feature is definitely on the way, stay tuned!
Love that it keeps running through browser restarts, that's usually missing from other timers. How does 'ignition mode' work exactly?