Skip to content

Prince-Singh-Dev/Productivity-Time-Tracker-Chrome-Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Productivity-Time-Tracker-Chrome-Extension

A Chrome Extension that tracks the time you spend on different websites and provides productivity insights with charts and weekly reports.

🔥 Features

  • ⏳ Tracks time spent on every website
  • 📊 Shows pie chart with productive, unproductive, and unknown time
  • 🧠 Classifies websites (LeetCode = productive, Instagram = unproductive, etc.)
  • 📅 Weekly reset logic with date tracking
  • 💾 Data stored locally using chrome.storage.local
  • 🧼 “Reset Week” button to start fresh

📸 Screenshots / Outputs

Image

🛠️ Tech Stack

  • JavaScript
  • HTML/CSS
  • Chart.js (locally served)
  • Chrome Extension APIs (tabs, storage, background, popup)

🧩 Folder Structure

📁 productivity-time-tracker ├── manifest.json ├── background.js ├── popup.html ├── popup.js ├── styles.css ├── js/chart.umd.min.js ├── icons/ │ ├── icon16.png │ ├── icon48.png │ └── icon128.png

🚀 How to Use

  1. Clone the repo
  2. Open Chrome → chrome://extensions
  3. Enable Developer Mode
  4. Click "Load Unpacked"
  5. Select the extension folder
  6. Click the extension icon to view the dashboard

🧑‍💻 Author

Prince Singh
GitHub | LinkedIn


Feel free to fork, modify, or contribute!

About

“Chrome Extension to track website usage time and analyze productivity with charts”

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published