Github Card

A página consome a API do GitHub através do 'axios', fazendo uma requisição a duas rotas, retornando um resumo dos dados do perfil buscado e a linguagem mais utilizada nos repositórios.

Github Card

descrição do projeto

Criado com: Vue.js (Vue CLI), Semantic UI, API do GitHub. Quando a aplicação é iniciada, o componente GithubCard faz uma requisição a API, através de seu hook 'created', retornando os dados do perfil, que são armazenado no objeto 'user', além dos dados dos repositórios desse perfil, que são percorridos, com o método 'map', e tem as linguagens utilizadas armazenadas no array languageList, que é usado como parâmetro para o método 'findMostFrequentLanguage' do componente, que usa os métodos 'reduce' e 'filter' para comparar a recorrência das linguagens e retornar a que é mais utilizada. Quando uma busca é realizada, a 'searchKey' da instância principal é incrementada e, sendo passada como prop do componente GithubCard, aciona um watcher, refazendo todos os passos, desde a requisição até a atribuição dos novos dados.

Visite a página do projeto

Bora lá!

Bora lá!

Voltar

Voltar