Web Time Tracker is a browser extension that helps you understand how you spend your time online. It automatically tracks the time spent on different websites and provides detailed, privacy-focused reports right in your browser.
In an age of constant digital distraction, understanding where your time goes is the first step toward better productivity and digital well-being. Web Time Tracker is a modern, lightweight, and privacy-first browser extension designed to provide automatic, detailed insights into your browsing habits. All your data stays on your device, ensuring complete privacy.
- Automatic Time Tracking: Seamlessly records time spent on websites in the background without any manual input.
- Detailed Reporting: Visualize your time with aggregated data per domain, hostname, or specific page.
- Privacy Focused: All tracking data is stored locally in your browser's IndexedDB and never leaves your device.
- Advanced Duplicate Prevention: A sophisticated dual-layer mechanism minimizes duplicate time entries, ensuring data accuracy.
- Activity Detection: (Coming soon) Intelligently distinguishes between active and idle time for more precise tracking.
- Modern, Performant Stack: Built with Vue 3, WXT, and TypeScript for a fast and reliable experience.
- Framework: WXT, Vue 3
- Language: TypeScript
- Database: Dexie.js (IndexedDB Wrapper)
- Styling: Tailwind CSS v4
- State Management & Utilities: @vueuse/core, date-fns
- Development & Build: Vite, pnpm
- Testing: Vitest
- Linting & Formatting: ESLint, Prettier, Oxlint
To get a local copy up and running, follow these simple steps.
- Clone the repository
- Install dependencies
pnpm install
- Start the development server
pnpm dev
- Load the extension in your browser by pointing it to the generated
dist/or.output/directory.
To create a production-ready build, run:
pnpm buildThis will generate a ZIP file in the dist/ directory, ready for submission to browser extension stores.
This README was generated with assistance from an AI coding partner.