All Projects
LiveWeb App

Real-Time Factory Dashboard

A dark-themed industrial dashboard that simulates real-time factory floor monitoring. Features animated KPI counters (OEE, units produced, downtime, scrap rate), a 12-machine status grid with pulsing indicators, canvas-based sparkline charts for key metrics, and a scrolling alert feed. All data is generated client-side to demonstrate the kind of IoT monitoring interfaces used in smart manufacturing.

Screenshots

87%1,2472.3%

Key Highlights

  • Animated KPI counters with real-time data simulation
  • 12-machine status grid with color-coded indicators
  • Canvas-based sparkline charts — no chart library needed
  • Scrolling alert feed with severity levels
  • Dark industrial theme with glowing accents

Tech Stack

React 19TypeScriptNext.jsCanvas APITailwind CSSCustom Hooks

Tags

ReactTypeScriptIoTDashboardCanvas