Este projeto permite que os usuários busquem repositórios públicos do GitHub usando o nome de usuário do GitHub. Ao fornecer um nome de usuário, a aplicação faz uma requisição à API do GitHub para listar todos os repositórios públicos associados a esse usuário.
- Busca de Repositórios: Insira o nome de usuário do GitHub para buscar seus repositórios públicos.
- Exibição de Repositórios: A lista de repositórios é exibida com nome e descrição, e cada repositório é linkado diretamente para sua página no GitHub.
- Validação de Entrada: Caso o campo de nome de usuário esteja vazio, será exibida uma mensagem de erro.
- Carregamento e Erros: O status de carregamento é exibido enquanto os dados estão sendo recuperados, e mensagens de erro são apresentadas se houver algum problema.
- Vue.js: Framework JavaScript utilizado para construir a interface do usuário.
- API GitHub: Utilizada para buscar os repositórios públicos do usuário do GitHub.
- Tailwind CSS: Utilizado para estilizar a aplicação de forma rápida e responsiva.
-
Clone o repositório:
git clone https://github.com/svitorz/github_repository_search
-
Instale as dependências: No diretório do projeto, execute:
npm install
-
Inicie o servidor de desenvolvimento: Após a instalação, inicie o servidor de desenvolvimento:
npm run dev
-
Acesse a aplicação: Abra seu navegador e acesse http://localhost:5173 para visualizar a aplicação em funcionamento.
- Insira o nome de usuário do GitHub no campo de texto.
- Clique no botão "Search for repo's" para buscar os repositórios públicos.
- O carregamento será exibido até que os dados sejam carregados.
- Caso o nome de usuário esteja vazio, uma mensagem de erro será exibida.
- Os repositórios encontrados serão listados com o nome e a descrição. Clique no nome do repositório para ser redirecionado para sua página no GitHub.
Este projeto foi inspirado na GitHub Timeline App do repositório app-ideas de florinpop17. A aplicação apresentada lá possui um conceito similar de interação com a API do GitHub, e serve como uma excelente base para aprender mais sobre a integração com APIs e o desenvolvimento de interfaces ricas.
- Faça um fork do repositório.
- Crie uma nova branch (
git checkout -b feature/nova-feature
). - Faça as alterações e commit com uma mensagem clara (
git commit -m 'Adiciona nova feature'
). - Envie a branch (
git push origin feature/nova-feature
). - Abra um Pull Request.
Este projeto está sob a licença MIT - veja o arquivo LICENSE para mais detalhes.