📚 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 cofre corporativo de senhas, auditoria de acessos em conformidade com a LGPD e gerador criptográfico de alta entropia.
Trilha de Especialização Pedagógica — Série Projetos Integradores (PI 2 de 6)
- PI 01: ParkManager (Gestão de Vagas, Tarifação e Caixa)
- PI 02 (este): 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: StockFlow (Almoxarifado e Ponto de Pedido)
- PI 06: QuickDrop (Roteamento Expresso de Delivery)
🎓 Nível Profissional Simulado: Engenheiro de Segurança de Software / Arquiteto Full Stack. A gestão centralizada de segredos e senhas em ambientes corporativos exige aderência estrita a padrões de criptografia simétrica (AES-128 / Fernet), hashing com sal (BCrypt), segregação de privilégios (RBAC) e trilhas de auditoria para atendimento da LGPD e ISO 27001.
O projeto adota a convenção padronizada de subpastas por camada e tecnologia <camada>-<tecnologia>:
catalogo_projetos/fullstack_pi_02_safepass/
├── web-react/ # Aplicação SPA moderna em React 18, Vite e TailwindCSS
│ ├── src/
│ │ ├── components/ # VaultGrid, PasswordGenerator, AuditLogViewer
│ │ ├── types/ # Definições TypeScript de Credencial, Usuário e Log
│ │ ├── utils/ # Criptografia local, medidor de entropia e validações
│ │ ├── App.tsx # Gerenciamento de cofre e autenticação mestre
│ │ └── main.tsx # Ponto de entrada da aplicação
│ ├── package.json # Scripts de build, Lucide Icons e Tailwind
│ └── vite.config.ts # Configurações do bundler
├── assets/ # Galeria de diagramas vetoriais SVG autorais
├── README.md # Resumo executivo do projeto
└── SafePass_Corporate_Documentacao_Final.md # Especificação acadêmica e DDL de banco
flowchart LR
subgraph Atores
Usuario["👤 Colaborador"]
DPO["🛡️ Auditor / DPO"]
end
subgraph "Sistema SafePass Corporate"
UC01["UC01: Autenticar no Cofre de Senhas"]
UC02["UC02: Gerar Senha de Alta Entropia"]
UC03["UC03: Armazenar Credencial Encriptada"]
UC04["UC04: Copiar Credencial com Limpeza"]
UC05["UC05: Auditar Trilha de Acessos (LGPD)"]
end
Usuario --> UC01
Usuario --> UC02
Usuario --> UC03
Usuario --> UC04
DPO --> UC01
DPO --> UC05
| ID Requisito | História de Usuário | Caso de Uso | Componente Frontend (web-react) |
Módulo de Criptografia | Status |
|---|---|---|---|---|---|
| RF-SP01 | US-SP02 | UC02 | src/components/PasswordGenerator.tsx |
EntropyEngine |
✅ Coberto |
| RF-SP02 | US-SP03 | UC03 | src/components/VaultGrid.tsx |
AESCryptoProvider |
✅ Coberto |
| RF-SP03 | US-SP03 | UC04 | src/utils/clipboard.ts |
SafeClipboard |
✅ Coberto |
| RF-SP04 | US-SP04 | UC05 | src/components/AuditLogViewer.tsx |
AuditLogger |
✅ Coberto |
| RF-SP05 | US-SP01 / US-SP05 | UC02 | src/components/EntropyMeter.tsx |
ShannonEntropy |
✅ Coberto |
web-react)cd catalogo_projetos/fullstack_pi_02_safepass/web-react
# Instalação das dependências
npm install
# Inicialização do servidor de desenvolvimento
npm run dev
http://localhost:5173.| Checkpoint | Procedimento de Verificação | Critério de Aceite | Status |
|---|---|---|---|
| CP-01 | Acessar a aplicação SafePass em http://localhost:5173. |
Dashboard exibindo status do cofre e gerador de credenciais. | PASS ✅ |
| CP-02 | Gerar senha de 24 caracteres com todos os conjuntos de símbolos. | Senha gerada com indicador de entropia máxima (> 100 bits). | PASS ✅ |
| CP-03 | Salvar nova credencial no cofre e inspecionar a memória local. | Payload armazenado em Base64 cifrado, sem texto claro. | PASS ✅ |
| CP-04 | Clicar em “Copiar Senha” para o clipboard. | Senha transferida e alerta de expiração de 30s disparado. | PASS ✅ |
| CP-05 | Abrir aba de logs de auditoria corporativa. | Registro do evento de cópia presente com timestamp e identificador. | PASS ✅ |