Dashboard pessoal para visualizar estatísticas e dados do GitHub usando a API oficial do GitHub.
- ✅ Visualização completa do perfil do GitHub
- ✅ Estatísticas de repositórios (stars, forks, etc)
- ✅ Gráfico de linguagens de programação mais usadas
- ✅ Top 5 repositórios por popularidade
- ✅ Lista de issues abertas
- ✅ Atualização em tempo real dos dados
- Node.js - Runtime JavaScript
- Express - Framework web
- Octokit - Cliente oficial da API do GitHub
- dotenv - Gerenciamento de variáveis de ambiente
- CORS - Controle de acesso entre origens
- React - Biblioteca UI
- Vite - Build tool e dev server
- CSS3 - Estilização
- Node.js 16+ instalado
- Conta no GitHub
- Personal Access Token do GitHub
git clone https://github.com/rafaelxo/DPM.git
cd DPMcd backend
npm installCrie um arquivo .env baseado no .env.example:
cp .env.example .envEdite o arquivo .env e adicione seu token do GitHub:
GITHUB_TOKEN=seu_token_aqui
PORT=5000
Como obter o GitHub Token:
- Acesse: https://github.com/settings/tokens
- Clique em "Generate new token (classic)"
- Selecione os escopos:
repo,user,read:org - Copie o token gerado
Inicie o servidor:
npm run devEm outro terminal:
cd frontend
npm install
npm run devAbra seu navegador em: http://localhost:5173
(Adicione screenshots da sua aplicação aqui)
GITHUB_TOKEN=seu_personal_access_token
PORT=5000
| Método | Endpoint | Descrição |
|---|---|---|
| GET | /api/user |
Retorna dados do usuário autenticado |
| GET | /api/repos |
Lista todos os repositórios do usuário |
| GET | /api/stats |
Retorna estatísticas compiladas |
| GET | /api/issues |
Lista issues abertas do usuário |
| GET | /api/commits/: owner/:repo |
Lista commits de um repositório |
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Rafael
- GitHub: @rafaelxo
- GitHub API Documentation
- Comunidade React
- Comunidade Node.js
⭐ Se este projeto te ajudou, considere dar uma estrela!