👨‍💻Olá 👋

Desafio youx

Esse projeto é uma aplicação web completa com frontend, backend. O sistema é capaz de armazenar as vendas e os seus respectivos clientes.

Acesse o site:

O site desenvolvido em react está disponível para acesso abaixo, com alguns dados fixos pois o backend não está implementado no link a seguir, você verá somente a interface, as função de cadastrar, editar e deletar não estão operantes abaixo, caso queira ver a aplicação funcionado em sua completude baixe os arquivos e execute em seu computador.

Frontend

No frontend foi utilizado HTML, CSS, Bootstrap e Java Script, juntamente com o framework react.

Como executar:

Com a pasta frontend já em seu computador, abra um terminal no seu interior e execute o comando a seguir: Exemplo do caminho -> C:\Projetos\frontend> yarn

yarn

O comando yarn vai baixar as dependências necessárias para a execução react. Após o download execute:

yarn dev

O comando yarn dev permite acessar o site no navegador, normalmente o endereço é http://localhost:5173/

Caso apresente erro no react-router-dom basta executar o comando:

yarn add react-router-dom

Algumas telas do sistema:

---

Backend

No backend foi utilizado o framework Spring Boot e banco de dados PostgreSQL. A API criada tem os seguintes endpoints:

Exemplo de teste:

  http://localhost:8080/sales

Clientes

• [GET][/clients]

Retorna um JSON com os clientes cadastrados, permite paginação.

• [GET][/clients/all]

Retorna um JSON com todos os clientes cadastrados, não permite paginação.

• [GET]/clients/find/?search=

Retorna um JSON com o resultado da busca por CNPJ ou Nome de clientes, permite paginação.

• [GET]/clients/findById/{id}

Retorna um JSON com o cliente de id = {id}

• [POST]/clients/add

Adiciona um cliente com base nas informações recebidas.

• [PUT]/clients/update/{id}

Edita o cliente de id = {id} com base nas informações recebidas.

• [DELETE]/clients/delete/{id}

Exclui o cliente de id = {id}.

Vendas

• [GET][/sales]

Retorna um JSON com as vendas cadastrados, permite paginação.

• [GET]/sales/find/?search=

Retorna um JSON com o as vendas relacionadas com o Cliente que tenha contenham {search} no nome.

• [GET]/sales/findById/{id}

Retorna um JSON com o cliente de id = {id}

• [POST]/sales/add

Adiciona uma venda com base nas informações recebidas.

• [PUT]/sales/update/{id}

Edita o a venda de id = {id} com base nas informações recebidas.

• [DELETE]/sales/delete/{id}

Exclui a venda de id = {id}.

• [GET][/sales/report]

Retorna informações sobre quantidade vendida e o valor por mês.