Captura de tela do GitHub Explorer exibindo os repositórios do usuário 'ashtom' no modo de visualização em grade. Os repositórios estão filtrados por 'forks' e ordenados por 'última atualização'.
O GitHub Explorer é uma aplicação web que permite aos usuários pesquisar por usuários do GitHub e listar todos os seus repositórios públicos. A busca por usuários e repositórios é realizada através da API pública do GitHub. A aplicação oferece várias maneiras de visualizar os repositórios, incluindo lista, grade e carrossel, com cada modo de visualização tendo suas próprias propriedades únicas.
- Controle de estados a partir da url.
- Pesquisa de usuários do GitHub para listar seus repositórios.
- Visualização dos repositórios em lista, grade ou carrossel.
- Filtragem dos repositórios por tipo (fork, arquivado, modelo) e linguagem.
- Ordenação dos repositórios por data de atualização, nome e quantidade de estrelas recebidas.
- Feedback das filtragens realizadas.
- Redirecionamento para mais informações sobre o conteúdo clicado, como repositórios, usuários, tópicos, etc.
- TypeScript
- React -
Vite (react-ts) - Material-UI
- Axios
O projeto inclui suporte para dois temas: modo claro e modo escuro. O tema definido por padrão segue as configurações do navegador do usuário. Caso contrário, o modo escuro será aplicado.
- Clone o repositório para sua máquina local.
- Entre na pasta do projeto.
- Instale as dependências utilizando npm install.
- Execute o projeto utilizando npm run dev.
__obs: Cerifique-se de estar com o node na versão 18 ou superior
git clone git@github.com:iigorfelipe/github-explorer.gitcd github-explorernpm installnpm run dev__obs: mudar "username" pelo nome do usuario que deseja pesquisar
- node v18.5.0 (npm v8.12.1)
Este projeto é uma versão aprimorada do Github repos, abordando funcionalidades anteriormente incompletas. A nova versão foi completamente refinada e está totalmente funcional, com filtragens e temas implementados.