Back to Projects
Dashboard Plant Monitor
Responsive plant operations cockpit with real-time telemetry and theme switching.
Next.jsReactTailwindRechartsTypeScript
Live-style charts with filters per production area
Dark/light theme toggle baked into Tailwind
Overview
Operators can explore live charts, filter by production areas, and review responsive layouts across devices.
Approach
Implemented Next.js App Router pages, Tailwind design tokens, Recharts components, and pnpm scripts, plus filters and theming.
Architecture
Next.js 15 + React 19 frontend → Tailwind styling → Recharts for visualization → telemetry generator under `lib/telemetriaGenerator.ts`.
Results & Metrics
Reviewers can clone the repo, run `pnpm dev`, and explore a bilingual-ready dashboard highlighting Industry 4.0 UI patterns.
Tech Stack
Next.jsReactTailwindRechartsTypeScript