Saman
  • Work
  • Projects
  • Gallery
  • Blog
  • Resume
  • Notes
GitHub
  • Home
  • Projects
  • Gallery
  • Blog
  • Resume
  • Notes
←All projects
Realtime

Monitoring Hub

Live telemetry dashboards with alert routing

Monitoring Hub
Live demo

Explore the monitoring dashboard

Live vendor telemetry with KPIs and charts that refresh every few seconds.

Powered by a mock API and React Query

Overview

Monitoring Hub ingests high-frequency telemetry streams and renders them in configurable dashboards. Operators compose panels, define alert thresholds and route notifications, all backed by a resilient WebSocket layer with automatic reconnection and backpressure handling.

Key features

  • ◆Live WebSocket streams with automatic reconnection
  • ◆Composable dashboard panels with drag-and-drop layout
  • ◆Threshold-based alerting with routing rules
  • ◆Time-series charts with windowed aggregation

Highlights

  • ✦Sub-second end-to-end update latency
  • ✦Handles 10K events/second per client
  • ✦Zero-downtime reconnection on network drops
Role
Frontend Architect
Year
2025
Tech stack
Next.jsWebSocketTanStack QueryD3TypeScript
Live demo

10K/s

Throughput

<1s

Latency

99.9%

Uptime

Next project

3D Map Engine

→