Git Hub Search - Username

Desafio Frontend - Bitwise

Tecnologias | Desafio | Layout |

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

HTML e CSS
JavaScript
Git e Github
Figma

💻 Desafio

Criar uma webpage usando a API de GraphQL do Github ou API de REST do Github que tenha as seguintes features:

Implementação do campo de busca pelo nome de usuários no github
Caso o nome de usuário seja encontrado pela busca, mostrar imagem do perfil do github na pagina principal como está desenhada no Figma
Caso o nome de usuário não seja encontrado mostrar um alerta informando que o usuário não existe
Caso o nome de usuário possua ou participe de algum repositório, então mostrar uma lista com | Quantidade de repositórios do usuário | ( Participação e Repositórios criados pelo usuário ) | Nome do Repo | Quantidade de commits do usuário | Mensagem do ultimo commit | Hash do ultimo commit |
Caso o nome de usuário não possua e nem participe de nenhum repositório mostrar um alert informando que o usuário encontrado não possui nenhum repo. Adicional
Adicione ao campo de busca sugestões de nome de usuários, ou seja, quando usuário começar a digitar "mend" abaixo do campo de busca irá mostrar uma lista de nomes como: "mendos, mendesbarreto, mendeswhat" etc.. e quando usuário clicar em um desses nomes irá executar as atividades descritas acima.

🔖 Layout

Você pode visualizar o layout do projeto através DESSE LINK.

Feito com ♥ by Rafa 👋