Frontend Next14 Defense
Building a service with Next.js 14, PWA -> React, Tailwind - json-server, radix-ui, tailwind, test unit: Jest, test e2e: Cypress
Painel
Cadastro
Modal
Validação
Mobile
Cypress - test e2e
Description
Frontend projeto: Lista Defensoria do Estado do Rio Grande do Sul
- Front: React.js v.18
- Framework: Next.js v.14
- UI: radix-ui
- Icons: lucide-react
- CSS: tailwind - Responsible (Mobile)
- Validation: useForm e zod
- Gerenciamento de estado: zustand
- Test-unitario: Jest
- Test e2e: Cypress
- Mock: Json-server
- Docker e docker-compose
Obs: - Tratamentos de erros da api: handleApiErrors (400, 404, 500) - Camada de Service separado por ServiceGateway e interfaces: - getAll, create, getById, updateById, deleteById - hooks personalizados - useDebounce e modal - Contants e Componentes separadas e organizadas;
Defensoria do Estado do Rio Grande do Sul
- CRUD: Modal e Form inputs use radix-ui
Installation
$ npm install
Running the app
# exec json-server
$ npm run mock
# dev
$ npm run dev
# test
$ npm test
# se desejar usar uma imagem docker:
# docker-compose permissao
$ npm sudo chmod +x .docker/entrypoint.sh
# docker-compose up
$ sudo docker-compose up
Example production on Vercel
