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
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