Skip to content

Este repositório contém o desafio da Rocketseat referente ao projeto "GitHub Favorites". Nele, o usuário pode pesquisar perfis de pessoas no GitHub e adicioná-los a uma lista de favoritos, facilitando o acompanhamento de seus desenvolvedores preferidos.

Notifications You must be signed in to change notification settings

yyhago/github-favorites-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌟 GitHub Favorites

JavaScript HTML5 CSS3 GitHub

🚀 Desafio Rocketseat Explorer - Stage 06

Uma aplicação web para gerenciar seus desenvolvedores favoritos do GitHub


📋 Sobre o Projeto

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.

Screan01

✨ Funcionalidades

  • 🔍 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

🛠️ Tecnologias Utilizadas

  • 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

📚 Conceitos Aplicados

  • 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

🚀 Como Executar o Projeto

Pré-requisitos

  • Navegador web moderno
  • Editor de código (recomendado: VS Code)
  • Extensão Live Server (opcional, para desenvolvimento)

Executando

  1. Clone o repositório
git clone https://github.com/yyhago/github-favorites-javascript.git
  1. Navegue até o diretório
cd github-favorites-javascript
  1. Abra o projeto

    • Opção 1: Abra o arquivo index.html diretamente no navegador
    • Opção 2: Use o Live Server no VS Code para um ambiente de desenvolvimento
  2. Utilize a aplicação

    • Digite o username de um usuário do GitHub
    • Clique em "Favoritar" para adicionar à lista
    • Gerencie sua lista de favoritos

📱 Como Usar

  1. Buscar usuário: Digite o username do GitHub na caixa de pesquisa
  2. Visualizar favoritos: Veja a lista com informações dos usuários adicionados
  3. Remover favoritos: Use o botão de remoção para deletar um usuário da lista

🎨 Layout

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

🔗 API Utilizada

GitHub API v3

  • Endpoint: https://api.github.com/users/{username}
  • Documentação: GitHub API Docs

Dados Consumidos:

  • Avatar do usuário
  • Nome e username
  • Número de repositórios públicos
  • Número de seguidores

🤝 Contribuindo

Contribuições são sempre bem-vindas! Para contribuir:

  1. Faça um fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
  3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
  4. Push para a branch (git push origin feature/AmazingFeature)
  5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


👨‍💻 Autor

Yhago


🎓 Agradecimentos

  • 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 🚀

About

Este repositório contém o desafio da Rocketseat referente ao projeto "GitHub Favorites". Nele, o usuário pode pesquisar perfis de pessoas no GitHub e adicioná-los a uma lista de favoritos, facilitando o acompanhamento de seus desenvolvedores preferidos.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published