💰 Sistema de vendas

💻 Sobre o projeto

Este é um sistema (ERP) para gestão de um estabelecimento destinado à comércios em geral, construído com o intuito de facilitar e otimizar os processos de vendas, gerenciamento de produtos e estoques, cadastros de clientes, contas de despesas e entradas, cadastro de fornecedores, etc.

🚀 Tecnologias utilizadas

Frontend

- NextJS 12 / ReactJS,
- React Hook Form;
- Zod;
- Context API;
- Sass / CSS (Modules);
- Typescript / Javascript;
- Axios;
- Material UI;

Backend

- Node;
- Express;
- Typescript / Javascript;
- JWT (Controle de tokens/refresh-tokens);
- JEST (Testes unitários);
- MongoDB (Banco de dados NoSQL)

📝 O sistema possui as seguintes funcionalidades:

Dashboard

Filtros de data;

Cards com informações de vendas (Quantidade e valores);

Cards com informações de contas (Valores de entrada, saída e total). *OBS: Ao clicar em cada card, o usuário é redirecionado para a tela do respectivo card com o filtro da informação aplicado. Exemplo: Caso clique no card de 'Contas de entrada', será redirecionado para a tela de contas, e as contas serão filtradas somente com as que possuem o tipo "Entrada";

Gráfico em barras com os tipos de pagamento utilizados na vendas;

Gráfico de pizza com a quantidade de vendas de cada produto;

Vendas

Filtros de data;

Lista de vendas;

Cancelamento de venda;

Cadastro de uma nova venda;

Ao clicar em 'Nova venda', abrirá um modal com um formulário para ser preenchido com as informações da nova venda. *OBS: É necessário cadastrar um produto antes de realizar uma venda;

Produtos

Filtro por nome do produto;

Lista de produtos;

Cadastro de um novo produto.*OBS: Ao deixar a opção 'Produto padrão', este produto será selecionado automaticamente quando o formulário de 'Nova venda' for aberto lá na tela de vendas;

Edição de produto;

Exclusão de produto;

Contas

Filtro por tipo de conta (Entrada ou saída);

Lista de contas;

Criação de uma nova conta;

Edição de uma conta;

Exclusão de uma conta;

👷 Como testar?

Entre com o seguinte link:

https://sistema-de-vendas-lac.vercel.app

Ou

Clone o repositório com: git clone https://github.com/johnatanSO/sistema-de-vendas.git"

Entre em uma IDE de sua preferência

Execute o servidor na pasta back-end e depois o front-end

Crie uma nova conta

Teste as funcionalidades de cadastrar e editar produtos, clientes, contas e lançamento de vendas;

Verifique também as informações resumidas no Dashboard se correspondem com os dados cadastrados nas outras páginas.

Imagens do projeto

Login do sistema

---

Cadastro de novo usuário

---

Dashboard

---

Relatório de vendas

---

Cadastro de nova venda

---

Relatório de clientes

---

Cadastro de cliente

---

Relatório de produtos

---

Cadastro de produto

---

Relatório de contas

---

Cadastro de nova conta

---

Relatório de fornecedores

---

Cadastro de fornecedor

---

🎓 Autores

Feito com 💜 by Johnatan Santos