Desafio Frontend - Bitwise
Tecnologias | Desafio | Layout |
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML e CSS
- JavaScript
- Git e Github
- Figma
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.
Você pode visualizar o layout do projeto através DESSE LINK.
Feito com ♥ by Rafa 👋