A privacy-first Chrome extension that tracks how much time you spend on each website — inspired by Google's Digital Wellbeing.
Website Time Tracker is a Chrome browser extension inspired by Google's Digital Wellbeing feature on Android — but built for your browser!
It silently tracks how much time you spend on each website and displays a beautiful summary of your browsing habits. Whether you're trying to reduce time on social media, improve productivity, or just curious about your digital habits — this extension gives you a clear visual breakdown.
Your data stays 100% private — nothing is sent to any server. Everything is stored locally on your device.
- 🎯 Automatic Tracking — Silently tracks time spent on every website
- 🌐 Smart Domain Grouping — Groups by domain (e.g., all YouTube pages count as
youtube.com) - ⏸️ Intelligent Pausing — Automatically pauses when:
- Browser is minimized
- You switch to another application
- You're idle for 60+ seconds
- 🎨 Beautiful UI — Clean, modern design inspired by Digital Wellbeing
- 🌙 Dark & Light Mode — Comfortable viewing any time of day
- 📊 Live Statistics — See tab switches, websites visited, and total time
- 🔢 Tab Switch Counter — Track how often you switch between tabs
- 🖼️ Live Favicons — Real website icons for easy identification
- 📊 Progress Bars — Visual comparison of website usage
- 🔒 100% Private — All data stored locally using
chrome.storage.local - 🔄 Easy Reset — Clear all data with one click
- ⚡ Lightweight — Minimal resource usage
Clone this repository: ```bash git clone https://github.com/YOUR-USERNAME/website-time-tracker.git ```
Or download as ZIP and extract.
- Open Chrome and navigate to
chrome://extensions/ - Enable "Developer Mode" (toggle in top-right corner)
- Click "Load Unpacked"
- Select the
srcfolder from the project - Extension is now installed! 🎉
- Click the 🧩 puzzle icon in Chrome toolbar
- Find "Website Time Tracker"
- Click the 📌 pin icon
- Click the extension icon anytime to see your stats!
- Install the extension and start browsing normally
- The extension silently tracks time on each website in the background
- Smart detection pauses tracking when you're idle or Chrome is unfocused
- Click the extension icon to view your today's statistics
- Data is stored locally on your device — nothing sent to servers!
| Technology | Purpose |
|---|---|
| JavaScript (Vanilla) | Core logic — no frameworks needed! |
| HTML5 | UI structure |
| CSS3 | Modern styling with CSS Variables |
| Chrome Extensions API | Manifest V3 |
| Chrome Tabs API | Detect active tabs |
| Chrome Storage API | Local data persistence |
| Chrome Idle API | Detect user activity |
| Chrome Windows API | Focus detection |
Inspired by Google Digital Wellbeing on Android — bringing the same clean, minimal aesthetic to your browser experience:
- 🎨 Consistent color palette using CSS variables
- 📐 Proper spacing with 8px grid system
- 🔤 Modern typography (Inter/Segoe UI)
- ✨ Smooth animations for delightful interactions
- 🎯 Clear visual hierarchy
Your privacy is our top priority:
- ✅ No data collection — We don't collect any information
- ✅ No external servers — Everything runs locally
- ✅ No analytics or tracking — No third-party scripts
- ✅ No account required — Just install and use
- ✅ Open source — Verify the code yourself!
All data is stored using Chrome's built-in chrome.storage.local API on your device only.
This project was built using Agile SDLC methodology with proper sprint planning:
| Sprint | Focus | Status |
|---|---|---|
| Sprint 0 | Project Setup & Configuration | ✅ Complete |
| Sprint 1 | Core Tracking Engine | ✅ Complete |
| Sprint 2 | Smart Tracking (Idle & Focus Detection) | ✅ Complete |
| Sprint 3 | Beautiful UI (Popup with Dark/Light Theme) | ✅ Complete |
| Sprint | Focus | Status |
|---|---|---|
| Sprint 4 | Data Visualization (Charts) | 📋 Planned |
| Sprint 5 | Polish & Release | 📋 Planned |
Future features planned:
- 🍩 Donut chart showing today's usage distribution
- 📊 Weekly bar chart (last 7 days)
- 📅 Monthly & yearly analytics
- ⏰ Set daily time limits for specific websites
- 🚫 Block distracting websites after time limit
- 🔔 Notification alerts for time limits
- 📥 Export data as CSV/JSON
- 🎯 Focus mode (block all distracting sites)
- 🌐 Multi-browser support (Firefox, Edge, Brave)
- ☁️ Optional cloud sync
- 📱 Companion mobile dashboard
To test the extension:
- Load it in Chrome (see Installation)
- Browse a few websites for 30+ seconds each
- Click the extension icon to see tracked data
- Try switching apps (Chrome should pause tracking)
- Try being idle for 1 minute (should pause tracking)
- Return to browsing (tracking resumes automatically)
- Cannot track incognito mode (Chrome limitation)
- Cannot track internal Chrome pages (
chrome://) - Service worker may take a moment to wake up after sleep
Kaushiki Tripathi
- 💡 Inspired by Google Digital Wellbeing on Android
- 📖 Chrome Extensions Documentation