Interface web do projeto LeapCert, construída com Next.js 15, React 19, TailwindCSS e diversas ferramentas modernas do ecossistema frontend. Este projeto proporciona uma experiência de usuário fluida, acessível e responsiva para interações com a plataforma LeapCert.
- Next.js 15 — Framework React para renderização SSR/SSG
- React 19 — Biblioteca para construção de interfaces
- TailwindCSS — Estilização com utilitários
- React Hook Form — Gerenciamento de formulários
- Zod — Validação de schemas
- TanStack Query (v5) — Gerenciamento de estados assíncronos
- Lucide Icons — Ícones SVG modernos
- Axios — Cliente HTTP para requisições
- Radix UI — Componentes acessíveis low-level
- Sonner — Sistema leve de notificações
- cookies-next — Gerenciamento de cookies no Next.js
leapcert-front/
├── public/ # Arquivos estáticos
├── src/ # Código-fonte da aplicação
│ ├── components/ # Componentes reutilizáveis
│ ├── pages/ # Rotas do Next.js
│ ├── hooks/ # Hooks customizados
│ ├── services/ # Comunicação com APIs
│ ├── styles/ # Estilos globais (Tailwind)
│ └── utils/ # Funções utilitárias
├── .eslintrc.js # Configuração do ESLint
├── tailwind.config.js # Configuração do TailwindCSS
├── tsconfig.json # Configuração do TypeScript
└── package.json # Dependências e scripts do projeto| Comando | Descrição |
|---|---|
pnpm dev |
Inicia o servidor de desenvolvimento com Turbopack |
pnpm build |
Cria a versão de produção da aplicação |
pnpm start |
Inicia a aplicação em produção |
pnpm lint |
Executa o ESLint para manter a qualidade do código |
- Node.js 18 ou superior
- Gerenciador de pacotes pnpm
Siga os passos abaixo para configurar e iniciar o ambiente de desenvolvimento:
-
Clone o repositório
git clone <URL_DO_REPOSITORIO> cd leapcert-front
-
Instale as dependências
pnpm install
-
Inicie o servidor de desenvolvimento
pnpm dev
-
Acesse a aplicação
- Abra o navegador e navegue para: http://localhost:3000
Este projeto utiliza ESLint com a configuração padrão recomendada pelo Next.js para manter a consistência e qualidade do código. Execute:
pnpm lintEste projeto é privado e de uso interno. Todos os direitos reservados.