O Boutique Admin nasceu da necessidade de substituir planilhas manuais e cadernos de anotação por uma solução digital eficiente e acessível para pequenas lojas de roupa.
O objetivo principal foi criar uma interface intuitiva, onde vendedores possam registrar vendas em segundos (PDV) e gerentes tenham visão total do negócio através de dashboards automatizados.
Diferente de sistemas genéricos, este projeto foca na agilidade do varejo de moda, controlando estoque, calculando comissões e gerando relatórios de desempenho sem complexidade.
- Fim dos erros de cálculo: O carrinho soma e dá baixa no estoque automaticamente.
- Controle de Caixa: Relatórios mostram exatamente quanto entrou por Pix, Dinheiro ou Cartão.
- Segurança: Vendedores vendem, mas apenas Administradores podem excluir produtos ou alterar estoques.
-
🛒 Frente de Caixa (PDV):
- Busca rápida de produtos.
- Carrinho de compras dinâmico.
- Cálculo automático de troco e totais.
- Baixa automática no estoque após a venda.
-
📦 Gestão de Estoque:
- Cadastro de produtos com custo, preço de venda e quantidade.
- Alertas visuais de estoque baixo.
- Proteção de rotas (apenas Admins podem excluir/editar).
-
📊 Dashboard & Relatórios:
- Gráficos de faturamento diário, semanal e mensal.
- Ranking de melhores vendedores.
- Indicadores de Ticket Médio e Quantidade de Peças.
-
🔐 Autenticação:
- Sistema de Login seguro.
- Controle de acesso baseado em cargos (Vendedor vs Admin).
Este projeto foi desenvolvido utilizando as melhores práticas do ecossistema React:
- Frontend: React.js + Vite
- Banco de Dados & Auth: Supabase (PostgreSQL)
- Estilização: CSS Moderno (Responsivo) + Lucide Icons
- Deploy: Netlify
- Clone o projeto:
git clone [https://github.com/AkaGabws/Sistema-boutique.git](https://github.com/AkaGabws/Sistema-boutique.git)- Entre na pasta
cd Sistema-boutique- Instale as dependências:
npm install-
Configurar as variáveis de ambiente: crie um arquivo
.enve adicione suas chaves do Supabase -
Rode o servidor
npm run devDesenvolvido Por Gabriel Marques