CodeShelf é uma biblioteca pessoal de projetos GitHub, projetada para organizar, visualizar e comparar repositórios de forma limpa, intuitiva e funcional.
O site possui uma interface moderna e responsiva, permitindo que você:
- Gerencie seus projetos favoritos
- Explore estatísticas detalhadas
- Compare diferentes usuários GitHub
Tudo isso sem precisar de backend!
- 🔹 Login Simulado: Entre rapidamente para testar as funcionalidades.
- 🔹 Login GitHub (não funcional): Exibe alerta informando que ainda não está disponível.
- 🔹 Pesquisar e Filtrar Repositórios: Busque por nome ou filtre por estrelas, forks ou última atualização.
- 🔹 Favoritos: Marque repositórios e visualize apenas os que você mais gosta.
- 🔹 Dark/Light Mode: Alternância rápida entre modo escuro e claro.
- 🔹 Comparar Usuários: Compare dois usuários GitHub lado a lado (repositórios, seguidores e seguindo).
- 🔹 Estatísticas em Texto: Veja linguagens mais usadas e top 5 repositórios por stars, sem gráficos pesados.
- 🔹 Interface Clean e Responsiva: Layout moderno, cards de repositórios e modal estilizado para comparação.
- HTML5 & CSS3
- JavaScript (Vanilla JS)
- API GitHub para buscar dados de usuários e repositórios
- LocalStorage para salvar favoritos
- Acesse o site: https://therenanofc.github.io/CodeShelf/
- Clique em "Entrar (Simulação)" para iniciar.
- Digite um usuário GitHub no campo de pesquisa e clique em "Carregar Repositórios".
- Utilize os controles para:
- Pesquisar repositórios
- Filtrar/ordenar
- Marcar favoritos
- Alternar dark/light mode
- Mostrar estatísticas
- Para comparar dois usuários, clique no botão "Comparar", insira os nomes e veja os dados lado a lado.
MIT License © therenanofc