Teste Frontend

Crie uma aplicação utilizando e consumindo a pokéAPI. ​

Lista de Pokémons

Crie uma lista de pokémons em ordem crescente. Cada item da lista deve conter imagem, número, nome e tipo.

Deve possuir um filtro com as seguintes opções:

• Input com número do pokémon inicial que será carregado (validação para que o número não seja maior que o número final);
• Input com número do pokémon final que será carregado (validação para que o número não seja menor que o número inicial);
• Select com as opções de quantos pokémons serão carregados por vez (10, 20 e 30);
• Select com as opções de "Scroll Infinito" e "Paginação" (montar as duas opções);
• Botão para aplicar o filtro.

Utilize LazyLoad para o carregamento das imagens. ​

Detalhe do Pokémon

Ao clicar em um pokémon da lista, apresente os detalhes do mesmo. O detalhe deve conter a maior quantidade possível de informações a respeito. ​

Requisitos:

• Utilize HTML5 + CSS3 com Flex.
• Não utilize Bootstrap ou outros frameworks do tipo.
• Não utilize jQuery.
• O Layout precisa ser responsivo.
• Descreva de forma simples no README os passos para execução do seu projeto.
• Deixe seu repositório público para analise do Pull Request. ​

Ganha mais pontos:

• Utilizar Vue ou React no desenvolvimento ou automação com Gulp.
• Utilizar Sass.
• Otimizações para aumentar a velocidade de renderização.
• UI e UX bem pensadas e executadas.

Submissão

• Criar um fork desse projeto e entregar via Pull Request. ​

Dados de acesso a api da pokéAPI

• API: https://pokeapi.co/
• Documentação: https://pokeapi.co/docsv2/

Boa Sorte :)