Desafio do Módulo 1 do Bootcamp FullStack - IGTI

https://www.igti.com.br/custom/bootcamp-desenvolvedor-full-stack/

Objetivos

Exercitar os seguintes conceitos trabalhados no Módulo:

• Declarar elementos HTML como títulos, input, div, span, ul, li etc.
• Estilizar o app com CSS.
• Mapear elementos do DOM para serem manipulados com JavaScript.
• Formatar valores com JavaScript.
• Realizar diversos cálculos com array methods como map, filter e reduce.
• Realizar requisições HTTP com o comando fetch.

Enunciado

• Criar uma aplicação para filtrar usuários e mostrar estatísticas a partir do filtro definido.

Atividades

Os alunos deverão desempenhar as seguintes atividades:

• Na carga inicial da aplicação, obter os dados de: https://randomuser.me/api/?seed=javascript&results=100&nat=BR&noinfo (Links para um site externo.)
• Carregar os dados dos usuários em um array.
• Permitir a filtragem de usuários através de um input com interação do usuário.
• O usuário poderá filtrar dados quando digitar pelo menos um caractere no input.
• O usuário poderá filtrar os dados tanto digitando "Enter" quanto clicando no botão correspondente, conforme imagens mais abaixo.
• Montar dois painéis.
• No painel da esquerda, listar os usuários filtrados.
• No painel da direita, calcular e mostrar algumas estatísticas sobre esses usuários, conforme imagens abaixo.