🚀 Coding Time Tracker
Track your coding time with beautiful analytics!
A lightweight VS Code extension that automatically tracks your coding time and provides detailed analytics through a stunning dashboard.
✨ Features
- 🕐 Automatic Time Tracking - Tracks time spent coding automatically
- 📊 Beautiful Dashboard - Real-time analytics with glassmorphism UI
- 📁 Project-based Tracking - Monitor time across different projects
- 📄 File-level Analytics - See which files you spend most time on
- 🎯 Goal Setting - Set daily/weekly coding goals
- 💤 Idle Detection - Automatically stops tracking during inactivity
- 📈 Weekly/Monthly Charts - Visualize your coding patterns
- 🔄 Real-time Sync - Dashboard updates in real-time
🖼️ Screenshots
🚀 Quick Start
- Install the extension
- Start coding - tracking begins automatically!
- View analytics - Open dashboard to see your stats
📋 Usage
Automatic Tracking
- Time tracking starts automatically when you edit files
- Works across all supported file types
- Detects project changes automatically
View Your Stats
- Status Bar: Shows today's coding time
- Command: Use
Time Tracker: Show Coding Stats
- Dashboard: Beautiful web interface with detailed analytics
Dashboard
Access your analytics dashboard at: http://localhost:5173
The dashboard shows:
- Daily/weekly/monthly time summaries
- Project breakdown
- File activity analytics
- Coding goals progress
- Beautiful charts and visualizations
⚙️ Configuration
Open VS Code Settings (Ctrl+,) and search for "Time Tracker":
| Setting |
Description |
Default |
timeTracker.enabled |
Enable/disable tracking |
true |
timeTracker.idleTimeout |
Idle timeout (seconds) |
300 |
timeTracker.dashboardUrl |
Dashboard URL |
http://localhost:5173 |
timeTracker.serverPort |
API server port |
3001 |
🎯 Commands
| Command |
Description |
Time Tracker: Show Coding Stats |
Display current statistics |
Time Tracker: Open Dashboard |
Open analytics dashboard |
Time Tracker: Export Tracking Data |
Export data as JSON |
🔧 How It Works
- Detection: Monitors file edits, saves, and focus changes
- Tracking: Records time spent on each file/project
- Storage: Saves data locally (no cloud sync)
- API: Serves data via local REST API
- Dashboard: Beautiful web interface for analytics
📊 Analytics Dashboard
The companion dashboard provides:
- 📈 Time Charts - Daily, weekly, monthly views
- 📁 Project Overview - Time distribution by project
- 📄 File Activity - Most edited files and time spent
- 🎯 Goals Tracking - Progress towards coding goals
- 📊 Statistics - Detailed metrics and insights
🔒 Privacy
- Local Only: All data stays on your machine
- No Cloud: No data sent to external servers
- No Tracking: We don't track your usage
- Open Source: Full transparency
🌟 What's Tracked
- ✅ Time spent coding per file/project
- ✅ File extensions worked on
- ✅ Project switching patterns
- ✅ Daily/weekly coding habits
- ❌ No code content is stored
- ❌ No personal information collected
🛠️ Troubleshooting
Extension Not Working?
- Check if extension is enabled in Extensions panel
- Look for errors in Developer Tools (
Help → Toggle Developer Tools)
- Restart VS Code
Dashboard Not Loading?
- Ensure extension is active (check status bar)
- Verify port 3001 is not blocked
- Visit
http://localhost:3001/api/health to test API
No Time Tracking?
- Open a workspace/folder
- Start editing files
- Check extension settings
🤝 Support
📄 License
MIT License - see LICENSE file for details.
🙏 Acknowledgments
Built with ❤️ for the VS Code community.
Happy Coding! 🚀
⭐ Rate this extension | 🐛 Report Issue | 💡 Suggest Feature
| |
