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
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.⚓