Segundo-Projeto-React

  • Neste segundo projeto usamos como forma de estilo o Style Components e utilizamos uma lista de alunos aleatórios que foi possível graças a uma api que gerou: nomes,idades, emails,nacionalidade e até fotos. No primeiro projeto utilizamos o Javasript e nesse segundo o Typescript.
  • No campo de busca na imagem 2 deixei como exemplo a vogal(a) que buscava na lista gerada todos os nomes que continham a vogal (a) no começo,no meio ou no fim.
  • Na imagem 3 foi possível mostrar todas as nacionalidades geradas pela api,
  • Na imagem 4 selecionei Espanha e apareceu somente uma pessoa com essa nacionalidade,mas caso houvesse mais de uma pessoa com essa mesma nacionalidade essa api iria mostrar,
  • Na imagem 5 após selecionar Espanha e clicar no botão visualizar,é gerado o nome do aluno, com email, celular e idade e juntamente com isso é gerado uma foto do aluno.

imagem 01

imagem 02

imagem 03

imagem 04

imagem 05