laisps / On10-TodasEmTech-Projeto3-DesafioES6

Turma Online 10 - Todas em Tech | Front-End | 2021 | Projeto 3 Desafio ES6

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto III - Github Search

Turma Online 10 - Todas em Tech | Front-End | 2021 | Projeto 3 Desafio ES6

Neste projeto, você e sua dupla criará uma aplicação de pesquisa que usa a API GitHub para recuperar informações do usuário quando um nome de usuário válido é inserido. Ele deve exibir avatar, nome de usuário, contagem de seguidores, contagem de repositórios.

Fase 1

  • Criar o layout seguindo o Figma disponibilizado.
  • O Input recebe o username de um usuário. Quando clicar no botão de pesquisa, caso o usuário exista dentro da base de dados da API, a aplicação deve mostrar os dados desta forma:
    • Exibir o avatar.
    • Nome do usuário.
    • Username
    • Bio
    • Total de seguidores
    • Total de repositórios

Exemplo:

  • Validar campo de texto para não entrar texto vazio
  • Limpar campo de texto depois que inserir o nome de usuário
  • O usuário deve receber um alerta se o nome de usuário não for válido

Exemplo:

Fase 2 - Extra

  • Exibir todos repositórios do usuário, com as informações:
    • Titulo
    • Descrição
    • Linguagem utilizada
    • Total de estrelas
  • O usuário deve receber um alerta caso usuário não tenha repositórios públicos

Exemplo:

Como vou entregar o projeto?

  • Veja as instruções na pasta entrega-projeto

Links e recursos úteis

Documentações e artigos

Videos

About

Turma Online 10 - Todas em Tech | Front-End | 2021 | Projeto 3 Desafio ES6


Languages

Language:JavaScript 53.0%Language:HTML 26.6%Language:CSS 20.4%