Aplicativo de Gerenciamento de Clientes

Descrição:

Aplicativo fullstack que permita aos usuários visualizar e criar clientes.

Frontend

• Exibi listagem de clientes.
• Permite criação de um novo cliente.
• Permite atualização dos dados de um cliente.
• Fornece alertas para o usuário em caso de dados inválidos.

Ferramentas:

Vite
React
React Router
React Icons
CSS
TypeScript

Backend

Endpoits:

• Listar cliente - /clients
• Cadastrar um novo cliente com informações válidas - /create
• Atualizar informações de cliente existente - /update

Ferramentas:

Banco: SQLite, Prisma
Linguagem: Nodejs, TypeScript
Framework web: Express
Validação: Zod, cpf-cnpj-validator
Tratamento erros assíncronos: Express-async-errors

Testes

Backend

Entre na pasta backend: cd backend
Para rodar testes com cobertura: npm coverage
Para rodar apenas os testes: npm run test

Ferramentas:

Mocha
Chai
Sinon
nyc

Como rodar a aplicação ⚙️

Backend:

Entre na pasta backend:

cd backend

Instale as depenências:

npm install

Rode a aplicação:

npm run dev

URL base: localhost:3001

Body rotas POST e PUT:

{
    "name": "Bell-mère",
    "email": "bell@gmail.com",
    "cpf": "21219458066",
    "status": "Desativado"
}

Frontend:

Entre na pasta frontend:

cd frontend

Instale as depenências:

npm install

Rode a aplicação:

npm run dev

Vá para http://localhost:5173/ no navegador.

Próximos passos 👣

• Testes frontend
• Trazer dados do cliente no form na atualização
• Melhorar tratamento de erros
• Dockerização
• Melhorar testes backend