/g4flex-front-end

Teste para vaga de Front End :D

Teste de Frontend

Olá Dev! Tudo bem?

Nós estamos sempre em busca de profissionais interessantes e interessados, com boa capacidade de aprendizado, adaptação e principalmente bom senso!

Este teste tem como objetivo avaliar e desafiar você. Não é obrigatório realizá-lo completamente, queremos apenas reconhecer seu esforço e potencial para aprender, se adaptar e tomar decisões.

Também não esqueça de mandar pra gente o seu currículo! Pode mandar para amanda.esmeraldo@g4flex.com.br 💚

Vamos ao teste! 😁

Desafio Pokémon

Sua missão é criar uma landing page para buscar, listar e detalhar pokémons, usando a API Pokeapi.co

O layout inteiro é livre, mas a lista deverá conter no mínimo o nome do pokémon e a sua respectiva imagem.

Sobre a busca, ela poderá ser feita de 3 formas: digitando o nome do pokémon, selecionando um ou mais tipos específicos ou listando todos de uma vez (paginação é sempre bem-vinda!).

Seria interessante ordenar nossa lista também e pensamos em pelo menos dois tipos: por número do Pokémon (padrão) ou por nome (ordem alfabética). Fique à vontade para fazer mais alguma.

Mas nossa busca não seria muito útil só com nome e foto de cada Pokémon. Então sugerimos que, ao clicar em um item, abra um modal, com mais detalhes e características dele. Inclusive você pode decidir quais informações seriam mais úteis para nós.

Consigo fazer?

Consegue sim! Só precisa saber (ou aprender agora) um pouco sobre as seguintes tecnologias:

  • HTML
  • CSS
  • Javascript
  • Git
  • Consumo de APIs Rest

Regras

Para o desafio ficar mais interessante, decidimos criar umas regras básicas:

  • No layout, você deve utilizar Bootstrap 3.
  • Estamos de olho em fortes skills em CSS, não tenha medo de inovar!
  • Na parte de JS, você pode utilizar Angular 6+ que é o que utilizamos na G4Flex, mas sinta-se a vontade ...

Por onde começo?

Primeiramente, você pode fazer um fork desse repositório aqui, para sua conta do Github, depois disso crie uma branch nova com o seu nome (ex: nome_sobrenome), para podermos indentificá-lo.

Após terminar o desafio, você pode solicitar um pull request para a branch master do nosso repositório. Vamos receber e fazer a avaliação de todos.

BOA SORTE 💖