DevTool Dashboard

Overview

DevTool Dashboard is a full-stack analytics platform for tracking build health, deployment frequency, and team velocity. It turns noisy CI and deployment signals into a single, glanceable view so teams can spot regressions before they become incidents.

Problem

Engineering teams often stitch together screenshots, Slack threads, and vendor dashboards to answer simple questions: Are builds getting slower? Who owns the flaky suite? Did this release improve or hurt cycle time?

That context switching is expensive. I wanted a product surface that prioritizes signal over chrome — custom metrics, clear alerting thresholds, and visualizations that stay readable under pressure.

Approach

• Ingest events from CI, deploys, and issue trackers into a normalized event model
• Aggregate into team- and service-level rollups with configurable windows
• Visualize trends with a bold data layer designed for dark-mode ops environments
• Alert when metrics cross thresholds, with quiet hours and ownership routing

The stack is TypeScript end-to-end: React for the interactive UI, a typed API layer, and PostgreSQL for durable metrics history and query flexibility.

Highlights

• Live metric tiles with sparklines and threshold coloring
• Per-service drill-down without losing the global timeline
• Role-aware views so leads and ICs see the right density of detail
• Exportable weekly digests for async status updates

Outcome

The dashboard became a shared language for release health. Standups shifted from “what broke?” to “what moved?” — and the same metric definitions fed both on-call alerts and planning reviews.