DEV Community

Md Noor Alam Shuvo
Md Noor Alam Shuvo

Posted on

1 1

I made a VS Code Extension to track coding time with beautiful charts and heatmaps

Hey fellow developers! πŸ‘‹

I wanted to share a VS Code extension I've been working on that helps track your coding time with some nice visualizations. It's completely free and open source!

What it does:

  1. Tracks your active coding time automatically
  2. Shows beautiful, interactive charts of your coding patterns
  3. Generates GitHub-style heatmaps of your activity
  4. Works seamlessly with both light and dark VS Code themes
  5. Zero configuration needed - just install and code!

Key Features:

πŸ“Š Project-wise Time Tracking
See exactly how much time you spend on each project
Break down time by day/week/month
Perfect for freelancers tracking billable hours

πŸ—ΊοΈ Activity Heatmap
Visual representation of your coding patterns
Quickly identify your most productive days
Similar to GitHub's contribution graph

πŸ“ˆ Real-time Stats
Today's coding time
Weekly summary
Monthly overview
All-time statistics

🎨 Theme Compatibility
Automatically matches your VS Code theme
Clean, modern UI
Non-intrusive design

*Why I made this: *
I needed a simple way to track my coding time across different projects without switching between apps or manually logging hours. I thought others might find it useful, too!

Installation:

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Simple Coding Time Tracker"
  4. Click Install

Links:

Visual Studio Extension

Github

Would love to hear your feedback and suggestions! Let me know if you run into any issues or have feature requests.

Image description

Image description

Image description

Image description

Heroku

Deliver your unique apps, your own way.

Heroku tackles the toil β€” patching and upgrading, 24/7 ops and security, build systems, failovers, and more. Stay focused on building great data-driven applications.

Learn More

Top comments (0)

Image of Stellar post

Check out Episode 1: How a Hackathon Project Became a Web3 Startup πŸš€

Ever wondered what it takes to build a web3 startup from scratch? In the Stellar Dev Diaries series, we follow the journey of a team of developers building on the Stellar Network as they go from hackathon win to getting funded and launching on mainnet.

Read more

πŸ‘‹ Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay