https://github.com/odevthomas/dashboard-de-vendas
Um painel administrativo moderno desenvolvido para acompanhamento de métricas de vendas em tempo real. O sistema foi projetado para ser responsivo, seguro e de fácil uso, oferecendo relatórios visuais, filtros dinâmicos e autenticação confiável.
https://github.com/odevthomas/dashboard-de-vendas
Last synced: 6 months ago
JSON representation
Um painel administrativo moderno desenvolvido para acompanhamento de métricas de vendas em tempo real. O sistema foi projetado para ser responsivo, seguro e de fácil uso, oferecendo relatórios visuais, filtros dinâmicos e autenticação confiável.
- Host: GitHub
- URL: https://github.com/odevthomas/dashboard-de-vendas
- Owner: odevthomas
- Created: 2025-08-15T21:10:46.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-08-15T23:32:15.000Z (7 months ago)
- Last Synced: 2025-08-15T23:40:56.463Z (7 months ago)
- Language: TypeScript
- Homepage: https://dashboard-de-vendas-rose.vercel.app
- Size: 209 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📊 Dashboard de Vendas (Admin UI)
Um **painel administrativo moderno** desenvolvido para acompanhamento de métricas de vendas em tempo real.
O sistema foi projetado para ser **responsivo, seguro e de fácil uso**, oferecendo relatórios visuais, filtros dinâmicos e autenticação confiável.
---
## 🚀 Tecnologias Utilizadas
* **Next.js** → Framework React para criação de aplicações web performáticas e escaláveis.
* **Chart.js** → Biblioteca de gráficos interativos para visualização de métricas.
* **Firebase Auth** → Autenticação segura de usuários com gerenciamento simplificado de acessos.
---
## ⚙️ Funcionalidades
✔️ Painel administrativo completo com **gráficos em tempo real**
✔️ **Filtros dinâmicos** para análises personalizadas de vendas
✔️ **Login e autenticação segura** com Firebase
✔️ Layout **responsivo e modular**, adaptado para diferentes dispositivos
✔️ Estrutura escalável, permitindo inclusão de novos módulos e integrações futuras
---
## 📈 Resultado / Impacto
* Interface moderna que **reduz o tempo de análise de métricas**.
* Sistema modular que facilita **manutenção e expansão**.
* Melhor **agilidade no acompanhamento de vendas**, permitindo decisões estratégicas baseadas em dados.
---
## 🖼️ Demonstração
---
## 📦 Como Rodar o Projeto
```bash
# Clone o repositório
git clone https://github.com/seu-usuario/dashboard-vendas.git
# Acesse a pasta
cd dashboard-vendas
# Instale as dependências
npm install
# Rode o projeto em ambiente de desenvolvimento
npm run dev
```
---
## 🔑 Autenticação
Este projeto utiliza **Firebase Auth**.
Crie um projeto no Firebase, copie suas credenciais e configure em um arquivo `.env.local`:
```env
NEXT_PUBLIC_FIREBASE_API_KEY=xxxx
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=xxxx
NEXT_PUBLIC_FIREBASE_PROJECT_ID=xxxx
```
---
## 📌 Próximos Passos
* Integração com banco de dados em tempo real (ex: Firestore).
* Exportação de relatórios em PDF/Excel.
* Painéis customizáveis por usuário.