O desafio consiste no desenvolvimento de uma tela que possa apresentar uma lista de usuários.
Ele foi separado em etapas, então, sinta-se a vontade para fazer até onde der. Qualquer coisa é válida! 🙃
Primeiramente, você deverá criar o HTML para exibir esses dados, sejam eles através de uma tabela ou da forma que achar mais conveniente.
Os dados que devem ser listados são os seguintes:
- Nome
- Sobrenome
- Idade
- Cidade
- Foto (bônus)
Pedimos que listem no mínimo 10 usuários.
Não é obrigatório, mas é interessante que você utilize as folhas de estilo para dar uma aparência mais amigável aos dados apresentados.
A utilização do JavaScript para buscar esses dados de uma api externa é uma forma muito bacana de você nos apresentar se possui determinado conhecimento nessa linguagem! Aqui vamos te fornecer o endereço de uma API que retorna dados mastigados de usuários randômicos.
📙 Endereço da API: https://api.randomuser.me/?results=10
A quantidade de resultados apresentados fica a seu critério, mas nós iríamos gostar muito de ver uma paginação ou até mesmo um botão para atualizar os dados que são exibidos através do retorno da API.
Todos os dados solicitados na seção HTML são retornados nessa API.
PS: Lembrando que nada disso é obrigatório. Caso queira complementar a implementação com outras ideias, nos surpreenda! ;)
Caso você tenha conhecimentos sobre git/github seria bem legal que você criasse um repositório e nos fornecesse o endereço para acessarmos para ver seu código!
Caso não conheça, você pode enviar um .zip através do email contato@moovery.app