for WebStorm

Time Tracking
for JavaScript & TypeScript Developers

Track Your WebStorm Coding Time with Precision

CodeClocker integrates seamlessly with WebStorm to automatically track your web development time. Get detailed insights into your React, Vue, Angular, and Node.js projects.

Get Plugin for Free

Why JavaScript Developers Love CodeClocker

React Development: Track time spent on React components, hooks, and state management.
Vue.js Projects: Monitor development time on Vue components, Vuex, and Pinia stores.
Angular Applications: Track time on Angular modules, services, and components.
Node.js Backend: Monitor time on Express, Nest.js, and other Node.js backends.
TypeScript Projects: Track time across your TypeScript codebases with full type support.
Full-Stack Development: See time spent on frontend vs backend in full-stack projects.

Features for WebStorm

Activity Dashboard

Get a comprehensive view of your JavaScript coding activity directly in WebStorm. Track daily and weekly progress with visual indicators, monitor time spent per project, and see your Git contributions at a glance.

Real-time coding time tracking
Per-project time breakdown
VCS lines added/removed stats
Daily and weekly trend comparisons

Daily & Weekly Goals

Set personalized coding time goals for your web projects. Whether you're building SPAs or full-stack applications, track your progress and build consistent coding habits.

Customizable daily and weekly targets
Progress tracking in status bar widget
Visual progress indicators
Flexible goal configuration

CSV Export for Invoicing

Freelance web developer? Export your coding activity to CSV format for easy invoicing. Generate detailed reports with project names, branches, hours worked, and commit references.

Custom date range selection
Detailed breakdown by project and branch
Perfect for freelancer invoicing
Include commit references for proof of work

Get Started in WebStorm

Install the Plugin

Open WebStorm, go to Settings → Plugins → Marketplace, search for "CodeClocker" and click Install.

Start Coding

The plugin automatically tracks your JavaScript and TypeScript coding time as you work.

View Your Stats

Check your daily and weekly progress directly in WebStorm through the status bar widget.

Connect to Hub

Optionally sync with CodeClocker Hub for web-based charts and historical analytics.

Time Tracking for JavaScript & TypeScript Developers