Sistema de Gestão de Vendas

Este é um projeto de Sistema de Gestão de Vendas desenvolvido em Next.js. O sistema permite gerenciar clientes, produtos, formas de pagamento e realizar vendas rápidas. Além disso, ele possui um dashboard para visualizar os principais indicadores de vendas.

Você pode acessar o sistema em produção no link: https://pdv-juliano340s-projects.vercel.app/

Visão Geral

O Sistema de Gestão de Vendas é uma aplicação web que permite:

• Adicionar, editar e remover clientes.
• Adicionar, editar e remover produtos.
• Adicionar, editar e remover formas de pagamento.
• Realizar vendas rápidas com seleção de cliente, produtos e formas de pagamento.
• Visualizar vendas realizadas.
• Dashboard com indicadores de vendas.

Instalação

Siga os passos abaixo para instalar e executar o projeto localmente.

Pré-requisitos

• Node.js (versão 14 ou superior)
• npm ou yarn

Passos para instalação

1. Clone o repositório:

   git clone https://github.com/juliano340/pdv.git

   cd pdv

2. Instale as dependências:

   npm install

   ou

   yarn install

3. Inicie o servidor de desenvolvimento:

   npm run dev

   ou

   yarn dev

4. Abra o navegador e acesse http://localhost:3000.

Uso

Gerenciamento de Clientes

• Navegue até a página de gerenciamento de clientes.
• Adicione, edite ou remova clientes conforme necessário.

Gerenciamento de Produtos

• Navegue até a página de gerenciamento de produtos.
• Adicione, edite ou remova produtos conforme necessário.

Gerenciamento de Formas de Pagamento

• Navegue até a página de gerenciamento de formas de pagamento.
• Adicione, edite ou remova formas de pagamento conforme necessário.

Realizar Venda Rápida

• Navegue até a página de venda rápida.
• Selecione um cliente.
• Adicione produtos à venda.
• Selecione as formas de pagamento.
• Conclua a venda.

Visualizar Vendas

• Navegue até a página de visualização de vendas.
• Veja detalhes das vendas realizadas.
• Exclua vendas, se necessário.

Dashboard

• Navegue até a página de dashboard.
• Veja os principais indicadores de vendas, como vendas por período, formas de pagamento, produtos mais vendidos e clientes que mais compraram.

Funcionalidades Principais

• Responsividade: A aplicação é responsiva e pode ser usada em dispositivos móveis.
• Validação de Formulários: Campos obrigatórios são validados antes do envio.
• Confirmação de Exclusão: Antes de excluir um registro, uma confirmação é solicitada.
• Navegação por Teclas: Navegação melhorada para seleção de clientes e produtos usando as teclas do teclado.

Tecnologias Utilizadas

• Next.js: Framework React para desenvolvimento de aplicações web.
• React: Biblioteca JavaScript para construção de interfaces de usuário.
• Tailwind CSS: Framework de CSS para estilização.
• react-toastify: Biblioteca para exibição de notificações.
• react-confirm-alert: Biblioteca para exibição de caixas de diálogo de confirmação.
• Chart.js e react-chartjs-2: Bibliotecas para criação de gráficos no dashboard.

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests.

Licença

Este projeto está licenciado sob a MIT License.