📚 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 acurácia de inventário, classificação por Curva ABC, cálculo de ponto de ressuprimento e conferência cega de mercadorias.
Trilha de Especialização Pedagógica — Série Projetos Integradores (PI 5 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: ChefPoint (Comanda Digital e KDS Restaurante)
- PI 04: TechBorrow (Empréstimo de Dispositivos de TI)
- PI 05 (este): StockFlow (Almoxarifado Inteligente, Curva ABC e Ponto de Pedido)
- PI 06: QuickDrop (Roteamento Expresso de Delivery)
🎓 Nível Profissional Simulado: Arquiteto de Software Logístico / Desenvolvedor Full Stack. A gestão física e financeira de estoques depende de acurácia acima de 98%. Dominar algoritmos de reabastecimento (Ponto de Pedido, Lote Econômico de Compras e Estoque de Segurança) integrados a interfaces visuais ágeis assegura operações industriais e atacadistas sem rupturas.
O projeto adota a convenção padronizada de subpastas por camada e tecnologia <camada>-<tecnologia>:
catalogo_projetos/fullstack_pi_05_stockflow/
├── web-react/ # Aplicação SPA moderna em React 18, Vite e TailwindCSS
│ ├── src/
│ │ ├── components/ # InventoryGrid, BlindAuditModal, ABCChart, ReorderAlert
│ │ ├── types/ # Definições TypeScript de Produto, Movimento, Curva ABC
│ │ ├── utils/ # Cálculos estatísticos de giro e ponto de ressuprimento
│ │ ├── App.tsx # Gerenciamento de estado de inventário
│ │ └── main.tsx # Inicializador da SPA
│ ├── package.json # Scripts de build, ícones Lucide e Tailwind
│ └── vite.config.ts # Configuração do Vite
├── assets/ # Galeria de diagramas vetoriais SVG autorais
├── README.md # Resumo executivo do projeto
└── Gestao_Estoque_Documentacao_Final.md # Especificação acadêmica e modelagem física
flowchart LR
subgraph Atores
Conferente["📦 Conferente / Estoquista"]
Comprador["💼 Analista de Compras"]
Auditor["📊 Auditor de Estoque"]
end
subgraph "Sistema StockFlow"
UC01["UC01: Realizar Conferência Cega"]
UC02["UC02: Consultar Curva ABC"]
UC03["UC03: Monitorar Ponto de Pedido"]
UC04["UC04: Registrar Baixa de Avarias"]
UC05["UC05: Exportar Balanço Patrimonial"]
end
Conferente --> UC01
Conferente --> UC04
Comprador --> UC02
Comprador --> UC03
Auditor --> UC05
| ID Requisito | História de Usuário | Caso de Uso | Componente Frontend (web-react) |
Módulo de Negócio | Status |
|---|---|---|---|---|---|
| RF-SF01 | US-SF01 | UC01 | src/components/InventoryGrid.tsx |
SKURegistry |
✅ Coberto |
| RF-SF02 | US-SF01 | UC01 | src/components/BlindAuditModal.tsx |
ManifestAuditor |
✅ Coberto |
| RF-SF03 | US-SF02 | UC02 | src/components/ABCChart.tsx |
ParetoAnalysisService |
✅ Coberto |
| RF-SF04 | US-SF03 | UC03 | src/components/ReorderAlert.tsx |
ReorderPointCalculator |
✅ Coberto |
| RF-SF05 | US-SF04 / US-SF05 | UC04 / UC05 | src/components/ExportPanel.tsx |
InventoryBalanceService |
✅ Coberto |
web-react)cd catalogo_projetos/fullstack_pi_05_stockflow/web-react
# Instalação dos pacotes
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 | Abrir o painel StockFlow no navegador. | Tabela de inventário carregada com SKUs e indicadores de curva ABC. | PASS ✅ |
| CP-02 | Iniciar conferência cega e bipar 5 unidades do item SKU-9901. |
Quantidade registrada sem revelar a meta da NF até o fechamento. | PASS ✅ |
| CP-03 | Reduzir o saldo do item SKU-1020 para valor inferior ao Ponto de Pedido. |
Alerta visual imediato acionado na aba de Suprimentos. | PASS ✅ |
| CP-04 | Alternar para a visualização gráfica da Curva ABC. | Distribuição 80-15-5 calculada e plotada com precisão. | PASS ✅ |
| CP-05 | Disparar exportação do inventário consolidado em CSV. | Arquivo baixado contendo saldo físico, unitário e valor total imobilizado. | PASS ✅ |