Skip to content
code-techhbPublic

About

Chrome Extension - Browsing time Tracker πŸ“Š

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

Β 

History

10 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ•°οΈ LAPSE...Time Awareness for Your Browser

Take back your time ⏳. LAPSE shows you exactly where your hours go online so you can browse with intention next time!

LAPSE Popup

✦ What is LAPSE?

LAPSE is a Chrome extension that silently tracks how much time you spend on each website and visualizes it as a beautiful pie chart. No accounts, no servers, no data leaving your machine. Everything stays local πŸ˜‰.

Built as a learning project to explore Chrome Extension APIs, service workers, and data visualization...but designed and shipped as a real product πŸ’.

✦ Features

  • πŸ” Automatic tracking: starts the moment you open Chrome, no setup needed
  • ⏸️ Smart pausing: stops counting when you switch apps, lock your screen, or go idle
  • πŸ“… Daily, weekly, monthly, yearly views : see your habits at every scale
  • πŸ‘©πŸ½β€πŸ’» Beautiful UI : terminal-inspired dark theme with a spring color chart
  • πŸ“€ Export your data : download your stats as a CSV - daily, weekly, monthly or yearly
  • πŸ”’ Privacy first : all data stored locally using chrome.storage.local, never sent anywhere. Auto-cleared after 1 year

✦ Installation

LAPSE is not yet on the Chrome Web Store. To install it locally:

  1. Clone this repo
  2. Open Chrome and go to chrome://extensions/
  3. Enable Developer mode
  4. Click Load unpacked and select the lapse/ folder
  5. Pin the extension to your toolbar and start browsing

✦ Tech Stack

  • Chrome Extensions Manifest V3
  • Vanilla JavaScript: no frameworks
  • Chart.js: pie chart visualization
  • chrome.storage.local: persistent local storage
  • chrome.alarms: midnight cleanup scheduling
  • chrome.idle: idle and focus detection
  • CSS: custom terminal theme, no Tailwind or UI libraries

✦ Ideas for future versions

  • 🎨 Theme picker: amber, blue, rose variants, etc
  • 🎯 Daily time goals with alerts
  • πŸͺ Chrome Web Store release

✦ The Story Behind LAPSE

$ git log --since="last summer β˜€οΈ" --author="code_techhb πŸ‘©πŸ½β€πŸ’»" > 1 commit found: "stop losing track of time, build the thing 😬" > runtime: 8 months 😭 | status: finally shipped πŸ˜…

✦ License

MIT

About

Chrome Extension - Browsing time Tracker πŸ“Š

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages