{"id":50577324,"url":"https://github.com/devdanzin/github_dashboard","last_synced_at":"2026-06-04T23:02:14.798Z","repository":{"id":359092365,"uuid":"1244487129","full_name":"devdanzin/github_dashboard","owner":"devdanzin","description":"Um dashboard elegante e totalmente configurável para visualizar atividades, dados e estatísticas diretamente do GitHub.","archived":false,"fork":false,"pushed_at":"2026-05-20T10:07:07.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-20T14:23:50.747Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devdanzin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-20T10:04:40.000Z","updated_at":"2026-05-20T10:07:11.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/devdanzin/github_dashboard","commit_stats":null,"previous_names":["devdanzin/github_dashboard"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/devdanzin/github_dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdanzin%2Fgithub_dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdanzin%2Fgithub_dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdanzin%2Fgithub_dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdanzin%2Fgithub_dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devdanzin","download_url":"https://codeload.github.com/devdanzin/github_dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devdanzin%2Fgithub_dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33923188,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-04T02:00:06.755Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-04T23:02:14.013Z","updated_at":"2026-06-04T23:02:14.779Z","avatar_url":"https://github.com/devdanzin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dashboard Interativo do GitHub\n\nUm dashboard elegante e totalmente configurável para visualizar atividades, dados e estatísticas diretamente do GitHub. Feito com HTML, CSS puro e Vanilla JavaScript, com um foco profundo em design e experiência do usuário. Relatório de implementação: [relatorio.md](relatorio.md).\n\n## 🚀 Funcionalidades\n\n- **Ampla Gama de Cards**:\n  - **Perfil do Usuário**: Exibe a biografia e os números de seguidores e repositórios.\n  - **Seguidores**: Apresenta os últimos seguidores de um perfil com link direto.\n  - **Commits Recentes**: Uma listagem formatada dos commits mais recentes em um repositório.\n  - **Issues e Pull Requests**: Acompanhe o status e título das últimas solicitações no projeto.\n  - **Releases**: Lista as versões (tags) mais recentes lançadas.\n  - **Colaboradores**: Mostra quem são os contribuidores de um projeto específico.\n  - **Estatísticas do Projeto**: Um gráfico em linha visualizando o volume de commits ao longo das últimas 52 semanas.\n- **Design Moderno (Dark Mode)**: Tema escuro nativo implementado com efeitos de vidro (Glassmorphism), paleta de cores equilibrada e tipografia moderna (*Outfit*).\n- **Arraste e Solte (Drag \u0026 Drop)**: Reposicione os cards no seu dashboard facilmente clicando em seus cabeçalhos e movendo-os pela tela.\n- **Persistência Local**: Todos os cards que você adiciona e suas configurações de layout são salvos no armazenamento local do navegador (`localStorage`).\n- **Sistema de Cache**: Para evitar atingir rapidamente os limites de taxa de acesso da API pública do GitHub, os resultados de cada card recebem cache por 5 minutos.\n- **Atualização sob Demanda**: Cada card armazena e exibe a data da última sincronização, e inclui um botão próprio para forçar a atualização dos dados a qualquer instante.\n\n## 🛠 Tecnologias Utilizadas\n\nO projeto não depende de Node.js, Webpack ou ferramentas de build pesadas. Funciona diretamente a partir de arquivos estáticos no seu navegador:\n\n- **HTML5 e Vanilla CSS3**\n- **JavaScript Moderno (ES6+)**\n- [SortableJS](https://sortablejs.github.io/Sortable/) (via CDN) - Para lidar com o arraste dos cards do grid.\n- [Chart.js](https://www.chartjs.org/) (via CDN) - Para a renderização do gráfico de commits de forma dinâmica.\n- [Phosphor Icons](https://phosphoricons.com/) (via CDN) - Coleção de ícones bonitos e leves para a interface.\n- [GitHub REST API](https://docs.github.com/pt/rest) - Ponto de acesso em tempo real aos dados da comunidade.\n\n## ⚙️ Como Usar\n\n1. Faça o clone do repositório para sua máquina:\n   ```bash\n   git clone https://github.com/SEU-USUARIO/dashboard-github.git\n   ```\n2. Abra o diretório onde o código foi baixado.\n3. Dê um duplo clique no arquivo `dashboard.html` para abri-lo no seu navegador (nenhum servidor local é necessário).\n\n### Adicionando Cards\n1. Clique no botão **\"+ Adicionar Card\"** no cabeçalho.\n2. Selecione o **Tipo de Card** desejado.\n3. Se você escolheu opções de usuário (como Perfil), insira apenas o nome de usuário (ex: `torvalds`).\n4. Se você escolheu opções de repositório (como Commits, Gráficos ou Issues), insira o nome completo seguindo o padrão `dono/repositório` (ex: `facebook/react`).\n5. Clique em **Adicionar**. O card surgirá na tela e já começará a buscar as informações no GitHub.\n\n### Atualizando e Removendo\nTodos os cards têm ícones utilitários no canto direito superior:\n- 🔄 **Atualizar**: Ignora o tempo de cache e faz uma nova requisição na API em tempo real para o card.\n- 🗑 **Remover**: Apaga o card do dashboard permanentemente.\n\n## ⚠️ Limite da API\nO projeto utiliza requisições não autenticadas na API do GitHub. Portanto, há um limite estabelecido de **60 requisições por hora** para o seu endereço IP. Se os cards derem erro avisando limite excedido, será necessário aguardar um pouco.\n\n## 📝 Licença\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevdanzin%2Fgithub_dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevdanzin%2Fgithub_dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevdanzin%2Fgithub_dashboard/lists"}