💨 Vender Gás – Sistema de Gestão de Distribuição

Sistema completo de gestão para distribuidoras de gás, com controle de usuários, empresas, clientes, produtos e pedidos.

Desenvolvido com React 19 + Vite, totalmente responsivo, com autenticação JWT e controle de permissões.

Deploy: https://vendergas-front-qte3pauis-ddouglss-projects.vercel.app/login

🚀 Funcionalidades

• Tela de cadastro de usuário
• Tela de autenticação
• Tela de cadastro e gerenciamento de empresas
• Tela de cadastro e gerenciamento de produtos
• Tela de cadastro e gerenciamento de clientes
• Tela para lançamento de pedidos
• Tela para gerenciamento dos pedidos

📁 Estrutura do Projeto

src/
├── components/ 
├── context/
├── layout/
├── pages/
│   ├── Auth/
│   ├── Empresas/
│   ├── Produtos/
│   ├── Clientes/
│   └── Pedidos/
├── routes/
├── services/
├── styles/
├── App.jsx
├── main.jsx
└── index.css
  

⚙️ Tecnologias Utilizadas

Front-end

• React 19 + Vite
• React Router DOM 7
• Axios
• React Hook Form + Yup
• JWT Decode
• Redux Toolkit
• Radix UI Dropdown Menu
• Lucide React
• React Bootstrap + Bootstrap 5
• DayJS
• React Pro Sidebar

Lint & Qualidade

• ESLint
• eslint-plugin-react-hooks
• Suporte a @types para React

🧑‍💻 Como rodar localmente

1. Clone o projeto

git clone https://github.com/seu-usuario/vendergas-front.git
cd vendergas-front

2. Instale as dependências

npm install

3. Crie o arquivo .env

VITE_API_BASE_URL=https://vendergas.up.railway.app/api

4. Execute o projeto

npm run dev

Acesse: http://localhost:5173

🔐 Controle de Acesso

Papel	Acesso
superadmin	Acesso total a todas as empresas e dados
admin	Acesso total à empresa associada
user	Acesso restrito aos recursos liberados

📦 Scripts Disponíveis

npm run dev       # Desenvolvimento
npm run build     # Build de produção
npm run preview   # Preview da build
npm run lint      # Lint do projeto
  

📄 Licença

Distribuído sob a licença MIT.

Desenvolvido por Douglas Souza 16-07-2025