Este projeto evoluiu de um simples visualizador de estatísticas do GitHub para uma aplicação web moderna, intuitiva e responsiva, trazendo uma experiência muito mais rica para os usuários. Aqui você encontra um histórico das principais melhorias em relação ao README e versão anterior, e o que mudou na experiência geral do projeto.
- Antes: Interface básica, pouco atrativa e sem uso extensivo de frameworks modernos.
- Agora:
- Visual totalmente renovado com Tailwind CSS, trazendo um design mais limpo, profissional e responsivo.
- Novos componentes visuais, como cards, sombras, animações de carregamento e layout adaptativo para dispositivos móveis.
- Exibição clara das informações com destaques visuais e cores agradáveis.
- Antes: Apenas mostrava as informações básicas do usuário (nome, avatar, seguidores, repositórios).
- Agora:
- Busca por qualquer usuário público do GitHub.
- Estatísticas detalhadas: seguidores, seguindo, repositórios públicos, gists, total de estrelas recebidas.
- Visualização das linguagens mais usadas em todos os repositórios do usuário, com gráfico colorido e porcentagens.
- Exibição dos repositórios mais populares do usuário.
- Mensagens de erro e feedbacks mais amigáveis, incluindo tratamento para limites de API e usuários inexistentes.
- Link direto para o perfil do usuário no GitHub.
- Dados em cache local por 30 minutos para melhorar performance e evitar limites da API.
- Antes: JavaScript e CSS pouco modularizados.
- Agora:
- Código JavaScript bem estruturado, separado em funções claras para cada parte da lógica.
- CSS personalizado com classes utilitárias do Tailwind e estilos próprios para componentes especiais.
- Melhoria na manipulação de erros e mensagens para o usuário.
- Antes: Layout não responsivo, experiência ruim em celulares.
- Agora:
- 100% responsivo, adaptando-se perfeitamente a qualquer tamanho de tela.
- Interação otimizada para mobile e desktop.
- Antes: README básico, com poucos detalhes sobre uso e limitações.
- Agora:
- Documentação completa, com instruções de uso, exemplos, limitações, tecnologias, licenças e evoluções.
- Captura de tela para visualização prévia do app.
- Explicação clara sobre limites da API do GitHub e uso sem autenticação.
| Aspecto | Versão Antiga | Versão Atual |
|---|---|---|
| Interface | Simples, pouco atrativa | Moderna, responsiva, visual rica |
| Estatísticas | Básicas | Completas, com linguagens, estrelas e top repositórios |
| Feedback de Erros | Pouco informativo | Mensagens claras e detalhadas |
| Código | Organizado de forma simples | Estruturado, modular, comentado |
| Responsividade | Limitada ou inexistente | Total, otimizada para mobile |
| Documentação | Breve, sem exemplos visuais | Completa, com prints e instruções |
- HTML5, Tailwind CSS
- JavaScript Vanilla
- Chart.js
- GitHub API pública
- Hospedagem no GitHub Pages
Contribuições são bem-vindas!
Siga os princípios do projeto:
- Código simples, direto, sem frameworks pesados
- Commits claros e bem documentados
- Issues objetivas com contexto técnico
Se o ConectaBR foi útil, ajude a manter o desenvolvimento:
Chave Pix:
- Acesse aqui
- Digite o nome de usuário do GitHub
- Clique em Gerar Estatísticas
- Veja as informações detalhadas!
- Limites de requisição da API do GitHub se aplicam a usuários não autenticados
- Nenhum dado é armazenado ou compartilhado
- Para uso intensivo, considere gerar um token pessoal
Distribuído sob GPL-3.0 license. Veja o arquivo LICENSE.
Carlos Henrique Tourinho Santana
📍 Salvador - Bahia, Brasil
🔗 Wiki Debian: wiki.debian.org/henriquetourinho
🔗 LinkedIn: br.linkedin.com/in/carloshenriquetourinhosantana
🔗 GitHub: github.com/henriquetourinho
Feito com ❤️ no Brasil