Você já se sentiu sobrecarregado ao tentar encontrar perfis de desenvolvedores e navegar por seus projetos no GitHub? A interface, embora poderosa, muitas vezes pode parecer utilitária demais, faltando uma experiência mais focada e agradável.
O GitHub Explorer nasceu dessa necessidade. Ele transforma a exploração de perfis do GitHub em uma jornada visualmente atraente e direta. Em vez de se perder em abas, você obtém uma visão clara e organizada da história de um desenvolvedor, seus projetos mais importantes e sua atividade, tudo em um design moderno e limpo.
- Busca Inteligente de Usuários: Encontre qualquer desenvolvedor no GitHub com uma busca rápida e em tempo real.
- Perfil de Usuário Detalhado: Visualize informações essenciais do perfil, incluindo biografia, contagem de seguidores, e um link direto para o perfil no GitHub.
- Listagem de Repositórios com Paginação: Navegue facilmente por todos os repositórios de um usuário com um sistema de paginação simples.
- Tema Claro e Escuro (Dark/Light Mode): Alterne entre os temas para uma experiência de visualização confortável a qualquer hora do dia. O tema escolhido é salvo para sua próxima visita.
- Design Responsivo: Acesse de qualquer dispositivo, seja no desktop, tablet ou celular, com uma interface que se adapta perfeitamente.
- Pesquise por um Usuário: Na página inicial, digite o nome de usuário do GitHub que deseja encontrar e pressione Enter ou clique no botão de busca.
- Explore o Perfil: Se o usuário for encontrado, você verá um card com suas informações principais. Clique neste card para ser levado à página de detalhes.
- Navegue pelos Repositórios: Na página de detalhes, você encontrará uma lista dos repositórios públicos do usuário. Use os botões de paginação na parte inferior para ver mais projetos.
- Alterne o Tema: Clique no ícone de sol/lua no canto superior direito para mudar o tema da aplicação.
- Core: React, TypeScript
- Build Tool: Vite
- Estilização: Tailwind CSS
- Roteamento: React Router DOM
- Requisições API: GitHub REST API (via
fetch)
Para executar este projeto em sua máquina local, siga os passos abaixo:
-
Clone o repositório:
git clone https://github.com/Jcnok/Github-Explorer.git
-
Navegue até o diretório do projeto:
cd Github-Explorer -
Instale as dependências:
npm install
-
Execute o servidor de desenvolvimento:
npm run dev
-
Abra seu navegador e acesse
http://localhost:5173(ou a porta indicada no seu terminal).
Este projeto é distribuído sob a licença MIT.
