Back to Works
Featured Project Chrome Extension

DevTab — your coding analytics new tab

DevTab replaces every new tab with a live WakaTime dashboard. Open a tab, see the last 7 days of coding activity in one glance, then get back to shipping.

DevTab dashboard showing 18 hours of coding across TypeScript, HTML, and CSS over the last 7 days
Dashboard rendered on a new tab · dummy data shown for preview

Key features

Instant paint

The dashboard renders from local cache the moment you open a new tab, then refreshes in the background. No empty screens, no waiting.

Built for the new tab

DevTab replaces the default Chrome new-tab page with a focused, dark, distraction-free coding overview.

Rich WakaTime breakdown

Total hours, daily average, best day, languages, projects, editors, and operating systems — all from the last 7 days of activity.

Weekly activity chart

A bar chart of coding minutes per day and a donut for your language mix make the breakdown easy to read at a glance.

Local-first & private

Your API key never leaves your browser. There's no server in the middle and no telemetry. You're the only audience for your data.

Any WakaTime backend

Works with wakatime.com, self-hosted Wakapi, Hackatime, or any WakaTime-compatible API — just paste the right base URL and key.

How it works

  1. 1

    Install the extension

    Add DevTab to Chrome (or any Chromium-based browser). It registers as a new-tab page and does nothing else until you connect an account.

  2. 2

    Paste your WakaTime API key

    Open Settings from the dashboard header, pick your credential type (WakaTime or compatible backend), and paste your personal API key. The key is stored locally via Chrome's storage API.

  3. 3

    Open a new tab

    DevTab fetches your last-7-days stats and summaries from the WakaTime API, normalizes them, caches the result, and paints the dashboard. Subsequent tabs render from cache instantly.

  4. 4

    Refresh or customize

    Hit Refresh for an on-demand sync, or manage your credential from Settings at any time. Removing the credential clears all cached data.

Under the hood

DevTab is a Manifest V3 Chrome extension backed by an Angular 21 single-page app. It ships as a static bundle, reads the WakaTime stats and summaries endpoints, and renders through a small signal-based store that paints cached data instantly and refreshes quietly in the background.

Angular 21 TypeScript Tailwind CSS Chrome Manifest V3 WakaTime API Chart.js Signals esbuild

What you need

  • A WakaTime account (or any compatible backend)
  • Your personal WakaTime API key
  • Chrome or any Chromium-based browser

Privacy by design

DevTab has no backend, no analytics, and no account system. Your WakaTime API key lives in Chrome's local storage on your device. Network requests go directly from your browser to api.wakatime.com — nothing is proxied through any server I control.

Read the full privacy policy

Support & feedback

Found a bug, have an idea, or want to ask something about DevTab? Reach out directly — I read every message.

saidmunir73@gmail.com