🎨 Padrões de Desenvolvimento – Frontend

Esta página define os padrões de desenvolvimento que devem ser utilizados no repositório do Frontend da aplicação.

Sumário

1. Linguagem
2. Bibliotecas
3. Estrutura de Pastas
4. Componentes

🖥️ Linguagem

O frontend é desenvolvido em React com TypeScript.

Estilo e layout são feitos com Tailwind CSS.

📚 Bibliotecas

As principais bibliotecas utilizadas são:

• React → criação de interfaces reativas.
• TypeScript → tipagem estática e segurança no desenvolvimento.
• Tailwind CSS → estilização rápida e responsiva.
• Lucide → biblioteca de ícones moderna e personalizável.

📂 Estrutura de Pastas

.
├── public
│   ├── images         # Imagens estáticas da aplicação
│   └── favicon.ico    # Ícone do site
├── src
│   ├── app            # Páginas da aplicação (Next.js App Router)
│   ├── components     # Componentes reutilizáveis
│   ├── styles         # Arquivos de estilo (CSS, Tailwind, etc.)
│   └── utils          # Funções utilitárias e helpers
├── .env.local         # Variáveis de ambiente locais
├── .gitignore         # Arquivos e pastas ignorados pelo Git
├── package.json       # Dependências e scripts do projeto
└── README.md          # Documentação do projeto

Componentes

• Sempre utilizar TypeScript para definir Props e State.
• Nomear arquivos de componentes com PascalCase (ex: UserCard.tsx).
• Estilização feita exclusivamente com Tailwind.
• Ícones devem ser importados diretamente do lucide-react.