Skip to content

Fullstack application that allows users to view and create customers.

Notifications You must be signed in to change notification settings

queite/client-manager

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 

Repository files navigation

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": "[email protected]",
    "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

About

Fullstack application that allows users to view and create customers.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 83.9%
  • CSS 11.4%
  • JavaScript 3.3%
  • HTML 1.4%