Premium developer time tracking: VS Code extension + React dashboard.
- Minimal Footprint: 60s interval, small SQLite database (~1,440 writes/day).
- Privacy Focus: Local-only, no cloud, no telemetry.
- Smart Tracking: Idle detection (5m), git branch caching (5m).
- Insights: Weekly activity, language breakdown, context switches, focus time.
- Open the project folder in VS Code.
- Go to the
extension/directory (or open the root and select the extension workspace). - Press F5 (or go to
Run and Debug→Run Extension). - This will open a new "Extension Development Host" window.
- In the new window, look at the Status Bar (bottom right). You should see
$(debug-continue) DevTime: [Project Name].
- Open a terminal in the
dashboard/folder. - Start the backend:
npm run server(runs on port 5174). - Start the frontend:
npm run dev(runs on port 5173). - Visit
http://localhost:5173to view your data. - Click the status bar item in VS Code to quickly open the dashboard.
- Extension: TypeScript, esbuild, sqlite3 (async).
- Backend: Express (read-only).
- Frontend: React, Tailwind CSS, Recharts, Lucide React.