Voltar aos Projetos

Dashboard Plant Monitor

Cockpit responsivo para monitorar plantas industriais com telemetria em tempo real e tema dinâmico.

Next.jsReactTailwindRechartsTypeScript
Gráficos estilo tempo real com filtros por área
Tema claro/escuro integrado ao Tailwind

Visão Geral

Operadores exploram gráficos ao vivo, filtram por áreas de produção e validam layouts responsivos.

Abordagem

Implementei páginas no App Router do Next.js, tokens de design Tailwind, componentes Recharts e scripts pnpm, com filtros e temas.

Arquitetura

Frontend Next.js 15 + React 19 → estilização com Tailwind → visualizações em Recharts → gerador de telemetria em `lib/telemetriaGenerator.ts`.

Resultados e Métricas

Revisores podem clonar o repositório, rodar `pnpm dev` e explorar um dashboard pronto para bilingue destacando padrões de UI para Indústria 4.0.

Stack Tecnológico

Next.jsReactTailwindRechartsTypeScript