- Add comprehensive root README with badges, architecture diagram, and setup guide - Update backend README with security middlewares and endpoint documentation - Update frontend README with design system and page structure - Update seeder-api README with generated data and credentials - Add internal module READMEs (middleware, handlers, components) - Document Clean Architecture layers and request flow - Add environment variables reference table
1.2 KiB
1.2 KiB
Components
Componentes React reutilizáveis da aplicação.
📁 Estrutura
| Diretório | Descrição |
|---|---|
ui/ |
Primitivos shadcn/ui (Button, Card, Dialog, etc.) |
forms/ |
Componentes de formulário |
*.tsx |
Componentes de feature específicos |
🎨 Componentes UI (shadcn/ui)
Componentes base do design system, instalados via:
npx shadcn-ui@latest add [component]
| Componente | Uso |
|---|---|
Button |
Botões com variantes |
Card |
Containers de conteúdo |
Dialog |
Modais |
Input |
Campos de texto |
Select |
Dropdowns |
Table |
Tabelas de dados |
Tabs |
Navegação por abas |
Toast |
Notificações |
🧩 Componentes de Feature
| Componente | Descrição |
|---|---|
sidebar.tsx |
Navegação lateral do dashboard |
dashboard-header.tsx |
Header do dashboard |
job-card.tsx |
Card de vaga de emprego |
application-card.tsx |
Card de candidatura |
✅ Convenções
- Nomenclatura: kebab-case para arquivos (
job-card.tsx) - Exports: Named exports para componentes
- Props: Interface definida no mesmo arquivo
- Estilização: Tailwind CSS + cn() utility