Uma aplicação web para gerenciar seus desenvolvedores favoritos do GitHub
O GitHub Favorites é uma Single Page Application (SPA) desenvolvida como parte do desafio da Rocketseat Explorer - Stage 06. O projeto permite aos usuários pesquisar perfis de desenvolvedores no GitHub e adicioná-los a uma lista personalizada de favoritos, facilitando o acompanhamento de seus desenvolvedores preferidos.
- 🔍 Busca de usuários: Pesquise qualquer perfil público do GitHub
- ⭐ Lista de favoritos: Adicione e remova desenvolvedores dos seus favoritos
- 💾 Persistência de dados: Os favoritos são salvos no localStorage do navegador
- 📱 Design responsivo: Interface adaptada para diferentes tamanhos de tela
- 🔄 Integração com API: Consome a API oficial do GitHub para buscar informações dos usuários
- ⚡ SPA: Navegação fluida sem recarregamento de página
- JavaScript ES6+: Lógica da aplicação, manipulação do DOM e consumo de API
- HTML5: Estruturação semântica da aplicação
- CSS3: Estilização e layout responsivo
- GitHub API: Integração para busca de perfis de usuários
- Async/Await e Promises: Requisições assíncronas à API
- Manipulação do DOM: Criação dinâmica de elementos
- Try/Catch: Tratamento de erros
- Arrow Functions: Sintaxe moderna do JavaScript
- Navegador web moderno
- Editor de código (recomendado: VS Code)
- Extensão Live Server (opcional, para desenvolvimento)
- Clone o repositório
git clone https://github.com/yyhago/github-favorites-javascript.git- Navegue até o diretório
cd github-favorites-javascript-
Abra o projeto
- Opção 1: Abra o arquivo
index.htmldiretamente no navegador - Opção 2: Use o Live Server no VS Code para um ambiente de desenvolvimento
- Opção 1: Abra o arquivo
-
Utilize a aplicação
- Digite o username de um usuário do GitHub
- Clique em "Favoritar" para adicionar à lista
- Gerencie sua lista de favoritos
- Buscar usuário: Digite o username do GitHub na caixa de pesquisa
- Visualizar favoritos: Veja a lista com informações dos usuários adicionados
- Remover favoritos: Use o botão de remoção para deletar um usuário da lista
O projeto conta com um design moderno e responsivo, com:
- Interface limpa e intuitiva
- Paleta de cores profissional
- Animações suaves
- Adaptação para dispositivos móveis
- Experiência de usuário otimizada
GitHub API v3
- Endpoint:
https://api.github.com/users/{username} - Documentação: GitHub API Docs
- Avatar do usuário
- Nome e username
- Número de repositórios públicos
- Número de seguidores
Contribuições são sempre bem-vindas! Para contribuir:
- Faça um fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Yhago
- GitHub: @yyhago
- Rocketseat pela excelente didática e desafio proposto
- Comunidade de desenvolvedores que contribui constantemente com conhecimento
- GitHub pela API pública que torna projetos como este possíveis
⭐ Se este projeto te ajudou, considere dar uma estrela!
Feito com ❤️ como parte do Explorer da Rocketseat 🚀
