Hackatime VS Code Extension

Welcome to the Hackatime VS Code Extension! This project integrates Hackatime into Visual Studio Code, enabling you to monitor your coding stats with interactive graphs—right inside your editor.

Features ✨

• Interactive Graphs: Visualize your coding stats with beautifully designed, responsive graphs directly within VS Code.
• Real-Time Insights: Track your productivity, focus hours, and overall coding activity effortlessly.
• Hassle-Free Setup: No API key signup required—just install the extension from the VS Code marketplace and start tracking.
• Customizable Display: Tailor the stats panel to suit your preferences and workflow.

Screenshot 🖼️

Example of an interactive stats graph displayed in VS Code.

Built With 🛠️

This extension is crafted with modern technologies for optimal performance and a seamless experience:

• TypeScript: Ensures type safety and maintainability throughout the project.
• Hackatime API: Fetches real-time coding stats seamlessly.
• HTML, CSS, and JavaScript: Creates clean, dynamic, and visually appealing components inside VS Code.
• Chart.js: Powers the interactive and responsive graphs that bring your stats to life.

Getting Started 🚀

Installation

1. Open Visual Studio Code.
2. Search for Hackatime in the Extensions Marketplace.
3. Click Install to add the extension to your editor.
4. Once installed, navigate to the Hackatime panel to start exploring your stats.

Usage

• Open the Hackatime panel in the VS Code sidebar to view your stats.
• Hover over graph points for detailed metrics on your coding activity.
• Use the refresh button to update your stats with the latest data from Hackatime.

License 📄

This project is licensed under the MIT License.

Acknowledgments 🙌

• Thanks to Hack Club for their amazing Hackatime tool.
• Inspired by developers who love merging productivity and beautiful design.

Hope you enjoy this project :)

View on GitHub