Desenvolva um sistema web moderno e responsivo chamado FruitGestão, voltado para uma indústria de polpas de frutas. O objetivo do sistema é auxiliar a gestão da fábrica através do acompanhamento da produção, estoque, indicadores (KPIs), qualidade e manutenção.
Utilize um design corporativo, limpo e sofisticado, inspirado em ERPs modernos. A interface deve ser intuitiva, com cores predominantes em verde, laranja e branco, remetendo ao setor alimentício.
Dashboard Principal
Exibir cartões com:
Produção do dia (kg)
Meta x Realizado (%)
Estoque de matéria-prima
Estoque de produto acabado
Índice de desperdício
Eficiência da produção
Pedidos pendentes
Máquinas em manutenção
Incluir gráficos:
Produção diária
Produção mensal
Desperdício por tipo de fruta
Eficiência por turno
Evolução dos KPIs
Módulo Produção
Permitir:
Cadastro de lotes
Cadastro de frutas
Quantidade recebida
Quantidade produzida
Rendimento por lote
Operador responsável
Turno
Data e horário
Status do lote
Módulo Estoque
Controle de:
Frutas
Embalagens
Produtos acabados
Entrada e saída
Estoque mínimo
Alertas automáticos
Histórico de movimentações
Módulo Indicadores (KPIs)
Exibir:
Produtividade
Eficiência
Desperdício
OEE
Cumprimento das metas
Tempo médio de produção
Custos por lote
Disponibilidade das máquinas
Todos os indicadores devem possuir gráficos interativos.
Módulo Qualidade
Registrar:
Controle de temperatura das câmaras frias
Controle de validade
Não conformidades
Inspeções
Aprovação dos lotes
Histórico de auditorias
Módulo Manutenção
Permitir:
Cadastro de máquinas
Manutenção preventiva
Manutenção corretiva
Calendário
Checklist
Histórico
Alertas automáticos
Módulo Pessoas
Exibir:
Equipes
Colaboradores
Turnos
Produtividade por colaborador
Treinamentos
Férias
Relatórios
Gerar relatórios em PDF e Excel com filtros por:
Data
Produto
Turno
Colaborador
Máquina
Indicadores
Login
Criar autenticação com perfis:
Administrador
Gestor
Supervisor
Operador
Cada perfil deve possuir permissões diferentes.
Extras
Menu lateral recolhível.
Modo claro e escuro.
Dashboard responsivo.
Notificações em tempo real.
Barra de pesquisa global.
Interface inspirada no Material Design e Tailwind CSS.
Componentes com animações suaves.
Ícones do Lucide React.
Utilizar React, Next.js, Tailwind CSS, Shadcn/UI e TypeScript.
Criar dados fictícios para demonstração.
Estruturar o projeto de forma escalável, preparado para integração futura com banco de dados PostgreSQL e APIs.