gohorsejobs/frontend/src/components
2025-12-15 08:59:44 -03:00
..
dashboard-contents fix: refactor dashboard urls, fix layout duplication and resolve backend api errors 2025-12-09 20:29:49 -03:00
ui first commit 2025-12-09 19:04:48 -03:00
company-sidebar.tsx first commit 2025-12-09 19:04:48 -03:00
dashboard-header.tsx fix: refactor dashboard urls, fix layout duplication and resolve backend api errors 2025-12-09 20:29:49 -03:00
exemplo-uso-upload.tsx first commit 2025-12-09 19:04:48 -03:00
footer.tsx feat: SEO optimization and dynamic jobs API integration 2025-12-14 09:16:44 -03:00
job-card.tsx first commit 2025-12-09 19:04:48 -03:00
language-switcher.tsx feat(ui): 🏳️ language switcher because one language is never enough 2025-12-15 08:59:44 -03:00
loading-skeletons.tsx first commit 2025-12-09 19:04:48 -03:00
navbar.tsx first commit 2025-12-09 19:04:48 -03:00
notification-dropdown.tsx first commit 2025-12-09 19:04:48 -03:00
optimized-image.tsx first commit 2025-12-09 19:04:48 -03:00
profile-picture-upload-v2.tsx first commit 2025-12-09 19:04:48 -03:00
profile-picture-upload.tsx first commit 2025-12-09 19:04:48 -03:00
README.md docs: complete project documentation overhaul 2025-12-09 19:36:36 -03:00
sidebar.tsx fix: refactor dashboard urls, fix layout duplication and resolve backend api errors 2025-12-09 20:29:49 -03:00
stats-card.tsx first commit 2025-12-09 19:04:48 -03:00

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

  1. Nomenclatura: kebab-case para arquivos (job-card.tsx)
  2. Exports: Named exports para componentes
  3. Props: Interface definida no mesmo arquivo
  4. Estilização: Tailwind CSS + cn() utility