📚 Pré-requisitos Teóricos: este projeto aplica conceitos ensinados na Matriz de 20 Capítulos de Aplicações Full Stack. Recomendado revisar antes de iniciar a execução.
v1.0 — Projeto Integrador Full Stack para salão de restaurantes, comandas digitais por mesa, sistema de exibição de cozinha (KDS) em tempo real e controle de insumos.
Trilha de Especialização Pedagógica — Série Projetos Integradores (PI 3 de 6)
- PI 01: ParkManager (Gestão de Vagas, Tarifação e Caixa)
- PI 02: SafePass Corporate (Cofre de Senhas, Criptografia e LGPD)
- PI 03 (este): ChefPoint (Comandas Digitais, Mesas e KDS)
- PI 04: TechBorrow (Empréstimo de Dispositivos de TI)
- PI 05: StockFlow (Almoxarifado e Ponto de Pedido)
- PI 06: QuickDrop (Roteamento Expresso de Delivery)
🎓 Nível Profissional Simulado: Desenvolvedor Full Stack Sênior / Arquiteto de Software Gastronômico. A operação de restaurantes exige sincronismo veloz e sem atrito entre o garçom no salão e a cozinha (sushiman). Dominar layouts reativos, filas operacionais (KDS), divisão inteligente de conta e fechamento financeiro consolida competências essenciais de engenharia de produto.
O projeto adota a convenção padronizada de subpastas por camada e tecnologia <camada>-<tecnologia>:
catalogo_projetos/fullstack_pi_03_chefpoint/
├── web-react/ # SPA em React 18, Vite e TailwindCSS
│ ├── src/
│ │ ├── components/ # TableMap, DigitalOrder, KDSQueue, BillSplitter
│ │ ├── types/ # Definições TypeScript de ItemMenu, Pedido, Mesa
│ │ ├── utils/ # Cálculo de serviço, taxa de desperdício e divisão
│ │ ├── App.tsx # Estado reativo unificado de mesas e cozinha
│ │ └── main.tsx # Ponto de inicialização da SPA
│ ├── package.json # Scripts de build, ícones e dependências
│ └── vite.config.ts # Configuração do Vite
├── assets/ # Galeria de diagramas vetoriais SVG autorais
├── README.md # Resumo do projeto integrador
└── Pedidos_DoThi_Sushi_Documentacao_Final.md # Especificação acadêmica e DDL de dados
flowchart LR
subgraph Atores
Garcom["👤 Garçom"]
Sushiman["👨🍳 Sushiman (Cozinha)"]
Gerente["💼 Gerente"]
end
subgraph "Sistema ChefPoint (DoThi Sushi)"
UC01["UC01: Gerenciar Status de Mesas"]
UC02["UC02: Lançar Pedidos na Comanda"]
UC03["UC03: Operar Painel KDS de Cozinha"]
UC04["UC04: Ratear e Liquidar Conta"]
UC05["UC05: Monitorar Faturamento e Estoque"]
end
Garcom --> UC01
Garcom --> UC02
Sushiman --> UC03
Garcom --> UC04
Gerente --> UC05
| ID Requisito | História de Usuário | Caso de Uso | Componente Frontend (web-react) |
Módulo de Negócio | Status |
|---|---|---|---|---|---|
| RF-CP01 | US-CP01 | UC01 | src/components/TableMap.tsx |
TableStateManager |
✅ Coberto |
| RF-CP02 | US-CP01 | UC02 | src/components/DigitalOrder.tsx |
OrderDispatcher |
✅ Coberto |
| RF-CP03 | US-CP02 / US-CP03 | UC03 | src/components/KDSQueue.tsx |
KitchenDisplayService |
✅ Coberto |
| RF-CP04 | US-CP04 | UC04 | src/components/BillSplitter.tsx |
FinancialCalculator |
✅ Coberto |
| RF-CP05 | US-CP05 | UC04 / UC05 | src/components/CheckoutModal.tsx |
CashierService |
✅ Coberto |
web-react)cd catalogo_projetos/fullstack_pi_03_chefpoint/web-react
# Instalação das dependências
npm install
# Inicialização do servidor Vite
npm run dev
http://localhost:5173.| Checkpoint | Procedimento de Verificação | Critério de Aceite | Status |
|---|---|---|---|
| CP-01 | Acessar a aplicação ChefPoint no navegador. | Mapa do salão com mesas e resumo de ocupação exibido. | PASS ✅ |
| CP-02 | Selecionar a Mesa 04 e adicionar 2x Combinado Salmão. | Comanda atualizada com valor e opções de personalização. | PASS ✅ |
| CP-03 | Alternar para a aba da Cozinha (KDS). | Pedido da Mesa 04 exibido na fila com timer decorrido. | PASS ✅ |
| CP-04 | Clicar em “Marcar como Pronto” no card KDS. | Status do prato atualizado e notificação visual gerada. | PASS ✅ |
| CP-05 | Realizar fechamento de mesa com divisão por 3 pessoas. | Valor rateado com precisão de centavos e mesa liberada. | PASS ✅ |