Skip to content

GitLab

Last edited by Thiago Goulart da Silva
Page history

Frontend

Home Escopo Processo Design/Mockups Configuração Arquitetura BD Frontend Backend Gerência

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

.
├── src
├── app/               # Páginas e rotas da aplicação (Next.js App Router)
├── components/        # Componentes reutilizáveis (UI e lógicos)
├── hooks/             # Hooks personalizados (autenticação, client-side, proteção de páginas etc.)
├── lib/               # Módulos de integração e utilidades centrais (API, JWT, configuração global)
├── providers/         # Providers de contexto global (ex: Loading, Auth, Theme)
├── types/             # Tipos e enums globais TypeScript
└── utils/             # Funções utilitárias e helpers genéricos
├── .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