Loading...
Track your coding time automatically with our VS Code Hours Tracker Extension. Language breakdown, project-level tracking, and dashboard integration — $24.
The moment you open VS Code, the extension starts working:
Automatic tracking:
✅ Active coding time per file
✅ Language breakdown (TypeScript, CSS, Python, etc.)
✅ Project identification (workspace root)
✅ Branch tracking (feature/bugfix/main)
✅ File change frequency
✅ Session start/end times
Idle detection:
⏸ Pauses after configurable idle time (default: 5 min)
▶ Resumes on any keystroke or file action
🚫 Does NOT count inactive time
See exactly what languages you work with:
This Week - Coding by Language:
TypeScript ████████████████████ 45.2% (18h 5m)
TSX/JSX ██████████ 22.8% (9h 7m)
CSS/SCSS █████ 11.3% (4h 31m)
Prisma ███ 7.1% (2h 50m)
SQL ██ 4.5% (1h 48m)
Projects - Last 30 Days:
Developer Portfolio SaaS ████████████████░░░░ 82h 15m
Client: DalwadiSamaj █████░░░░░░░░░░░░░░░ 24h 30m
AgencyPro Elite Update ███░░░░░░░░░░░░░░░░░ 16h 45m
HK Relay Android App ██░░░░░░░░░░░░░░░░░░ 12h 20m
Open Source (KiranaMitra) █░░░░░░░░░░░░░░░░░░░ 8h 10m
All data syncs to your Developer Portfolio Platform dashboard:
| Dashboard Feature | What You See |
|---|---|
| Daily Timeline | Hour-by-hour coding activity heatmap |
| Weekly Report | Projects, languages, and trends |
| Monthly Summary | Total hours, top projects, productivity trends |
| Client Reports | Time per client for invoicing |
| Export | CSV download for external use |
// .vscode/settings.json
{
"hoursTracker.apiUrl": "https://your-portfolio.com/api",
"hoursTracker.apiToken": "your-token-here",
"hoursTracker.idleTimeout": 5, // minutes
"hoursTracker.heartbeatInterval": 60, // seconds
"hoursTracker.excludeLanguages": ["Log", "Output"],
"hoursTracker.excludeProjects": ["scratch", "temp"]
}
What we send to YOUR server:
✅ Project name (workspace folder name)
✅ Language identifier (typescript, python, etc.)
✅ Branch name (main, feature/xyz)
✅ Start/end timestamps
✅ Heartbeat events (alive/idle)
What we NEVER send:
❌ File contents or code
❌ File paths (only language identifier)
❌ Keystrokes or key content
❌ Screenshots
❌ Any data to third parties
Data goes ONLY to YOUR self-hosted Developer Portfolio Platform. No third-party servers, no analytics companies, no data selling. Period.
Complete time tracking across your entire workflow:
| Activity | Chrome Extension ($19) | VS Code Extension ($24) |
|---|---|---|
| Coding | ❌ | ✅ |
| Browser research | ✅ | ❌ |
| Reviewing PRs | ✅ | ❌ |
| Terminal work | ❌ | ✅ |
| Design tools | ✅ | ❌ |
| Documentation | ✅ | ✅ |
Bundle both for $39 (save $4) at hardikkanajariya.in.
Freelancers: Generate accurate timesheets for hourly clients. No more estimating — every minute is tracked and categorized.
Team Leads: Understand how development time is distributed across projects. Identify bottlenecks and optimize resource allocation.
Solo Developers: Track your productivity trends. Are you coding more or less than last month? Which projects consume the most time?
Students: Measure your learning progress. 100 hours of TypeScript practice? You have proof.
Platform: VS Code 1.80+
Languages: All VS Code-supported languages
Storage: VS Code global state (syncs via API)
Auth: Token-based (HMAC-SHA256)
Data size: ~2KB per day of heartbeats
Battery impact: Negligible (event-driven, not polling)
| Feature | Hours Tracker ($24) | WakaTime (Free/$9/mo) | Clockify ($0) |
|---|---|---|---|
| Automatic tracking | ✅ | ✅ | ❌ Manual |
| Self-hosted | ✅ | ❌ Cloud only | ❌ Cloud |
| One-time price | ✅ $24 | ❌ Monthly | ✅ Free |
| Portfolio integration | ✅ | ❌ | ❌ |
| Privacy-first | ✅ No code data | ❌ Sends to cloud | ❌ Cloud |
| Client billing | ✅ | ❌ | ✅ |
Related reads:
Follow on X/Twitter for extension updates.
Know your coding patterns. VS Code Hours Tracker — automatic, private, $24. Part of the Developer Portfolio ecosystem.
Get the latest articles, tutorials, and updates delivered straight to your inbox. No spam, unsubscribe at any time.