Pharma System

Sistema de gerenciamento de produtos e vendas para uma farmácia, desenvolvido para praticar e aplicar conceitos de desenvolvimento Front-End com React

Sobre o projeto

o Pharma System é um sistema desenvolvido para simular o gerenciamento de produtos e vendas de uma farmácia.

O projeto foi desenvolvido com foco no aprendizado de React e na aplicação prática de conceitos como componentes, estados, rotas, armazenamento de dados manipulação de listas.

Funcionalidades

Produtos

• Cadastro de produtos
• Edição de produtos
• Exclusão de produtos
• Consulta dos produtos cadastrados
• Busca por nome, categoria e fabricante
• Filtro de produtos com estoque baixo
• Ordenação por nome, preço e estoque
• Persistência dos produtos utilizando localStorage

Vendas

• Seleção de produtos para venda
• Controle de quantidade disponível em estoque
• Validação da quantidade vendida
• Cálculo automático do valor total da venda
• Registro das vendas
• Listagem das vendas realizadas
• Ordenação das vendas por data
• Exclusão de vendas com reposição automática do estoque

Dashboard

• Total de produtos cadastrados
• Total de categorias
• Quantidade de produtos com estoque baixo
• Total de vendas realizadas
• Valor total vendido
• Valor total dos produtos em estoque
• Exibição das últimas vendas
• Exibição dos produtos com baixo estoque

Tecnologias utilizadas

• React
• JavaScript
• HTML
• CSS
• Vite
• React Router
• localStorage
• Git e GitHub
• GitHub Pages

Projeto online

O projeto está disponível no GitHub Pages:

Pharma System

Como executar o projeto

Pré-requisitos

• Node.js instalado
• Git instalado

Instalação

Clone o repositório

 git clone https://github.com/sabrina0604-max/pharma-system.git

Acesse a pasta:

cd pharma-system

Instale as dependências:

npm install

Execute o projeto:

npm run dev

Depois, acesse o endereço exibido pelo Vite no terminal.