Guard

Aplicação desktop web para gerenciamento de contatos com criptografia de dados sensíveis (e-mail e telefone).

Stack

• Frontend: React 19 + TypeScript + Vite
• Estilização: Tailwind CSS v4 + daisyUI v5
• Criptografia: crypto-js (AES + SHA256)
• Navegação: react-router-dom
• Validação: Zod

Funcionalidades

• Autenticação (registro/login) com hash SHA256
• CRUD de contatos com dados sensíveis criptografados
• Bloqueio/desbloqueio de informações com senha
• Busca por nome e filtro alfabético
• Validação em tempo real com Zod (email, telefone, senha)
• Suporte a contatos com apenas telefone ou apenas e-mail
• Design system próprio com tema escuro

Execução

cd web
npm install
npm run dev

Build

npm run build
npm run preview

Estrutura

web/src/
  assets/         SVGs e ilustrações
  components/     Design system (Button, TextField, IconButton, Modal, ContentLabel, Spinner)
  pages/          HomePage, Auth pages, Modals
  contexts/       AuthContext, ContactContext, ToastContext
  utils/          crypto, validation (Zod)
  types/          user, contact

Licença

MIT