Esta é a 12ª semana da turma online: Todas em Tech on20 - Front-end, nesta aula do dia 22/10/2022 faremos um projeto utilizando nossos conhecimentos no ES6:
- Neste projeto, iremos criar uma aplicação que usa a API GitHub para buscar informações da usuária quando um nome de usuária válido é inserido. Nossa aplicação deve exibir avatar, nome de usuário, contagem de seguidores e contagem de repositórios.
Lilit Bandeira, é uma travesti paraibana residente no São Paulo, trabalho como Software Engineer no Nubank, ex-aluna e professora {reprograma} e professora também no minas programam, estudante de Analise e Desenvolvimento de Sistemas na Mackenzie;
- Enviar dúvidas no chat com as monitoras;
- Levantar a mão sempre que desejar falar, o que pode ser feito a qualquer momento;
- Manter microfones desligados sempre que alguém estiver falando;
- Manter as câmeras ligadas o máximo de tempo possível;
- Antes de começar, vamos organizar nosso setup.
- Fork esse repositório
- Clone o fork na sua máquina (Para isso basta abrir o seu terminal e digitar
git clone url-do-seu-repositorio-forkado) - Entre na pasta do seu repositório (Para isso basta abrir o seu terminal e digitar
cd nome-do-seu-repositorio-forkado) - Altere as pastas chamadas "nome-aluna" para o seu nome-sobrenome, estes são os únicos locais onde você deve realizar alterações
- 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ária
- A usuária deve receber um alerta se o nome de usuária não for válido
Exemplo:
- Exibir todos repositórios da usuária, com as informações:
- Titulo
- Descrição
- Linguagem utilizada
- Total de estrelas
- A página deve exibir um alerta caso a usuária pesquisada não tenha repositórios públicos
Exemplo:
-
Forke o projeto, depois faça uma pasta com o seu nome ex. lilit-bandeira dentro da pasta entrega-projeto. Suba as alterações commitadas e quando finalizado, faça um Pull Request.
-
Importante: Tudo bem se você não conseguir finalizar o desafio todo ou não realizar a parte Extra, o importante é realizar tudo que conseguir! Se ajudem entre si e confiem no que aprenderam 💜