Desenvolver uma aplicação react que mostre o perfil do desenvolvedor e list os seus repositórios do github. Pode utilizar com base no create-react-app.
- SENDO um usário na página principal, POSSO pesquisar o usuário pelo meu nome ou qualque outro nome E pequisar no github PARA QUE obtenha os dados perfil e os respectivos respositórios.
-
DADO QUE o usuário na home page e digitar o nome de usuário cassiocosta QUANDO clicar no botão Pesquisar ENTÃO o sistema pesquisa e preenche a tela de perfil mostrando ....
-
DADO QUE o usuário na home page QUANDO clicar no botão Pesquisar ENTÃO o sistema retorna a mensagem: "informe um nome de usuário válido do github"
-
DADO QUE o usuário na home page e digitar o usuário "UsuarioqueProvavelmenteNãoExisteLá" QUANDO clicar no botão Pesquisar ENTÃO o sistema faz a consulta e retorna a mensagem: "Usuário não encontrado no github. Verifique se você digitou o nome corretamente"
- Utilizar um biblioteca para consumo de API: sugestão Axios.
- Utilizar uma biblioteca de roteamento para alternar entre as paginas: sugestão react-router-dom.
- Observar a orientação a componente para reuso de código.
- CSS liberado utilizar como achar melhor. Do clássico as libraries (bootstrap, material UI, etc.).
- Ser Responsivo
- Faça um fork deste projeto.
- Crie uma branch com o padrão
seunome-desafio-react
. - Ao finalizar este desafio, enviar um PR com suas alterações e envie um e-mail para os contatos abaixo, com o link do PR.
- Documentação oficial do GitHub: https://docs.github.com/en/rest
- API de busca de usuários do GitHub: https://api.github.com/users/username
- API de busca de repositórios do usuário pesquisado: https://api.github.com/users/username/repos
- Design da tela pode ser replicada a tela de perfil e repositórios do próprio github.
- Exemplo na pasta images deste repositório.
- Legibilidade;
- Boa documentação;
- Testes automatizados;
- Dockerização
Em caso de dúvidas, abra uma issue
Boa sorte e abraço!