O projeto será individual, mas nada impede que a troca de conhecimento aconteça! Você se tornou um mestre pokemon! Para que você possa entender ao máximo os pokemons que te rodeiam, você irá criar uma pokedex.
Nomes de pokemon: https://www.pokemon.com/us/pokedex/
- Terá 1 página.
- A página deve funcionar em todos os dispositivos (desktop, tablet e celular).
- Não é permitido o uso de Jquery ou nenhuma outra biblioteca/framework.
- O layout está como exemplo, mas pode ser personalizado de acordo com o conhecimento e criatividade de vocês
- Criar uma estrutura de cards para exibição dos pokémons! Todas as informações abaixo devem vir da API: https://pokeapi.co/
- O input recebe o nome do pokemon. Quando clicar no botão “submit”, caso o nome exista dentro da base de dados da API, a aplicação deve mostrar os dados dessa forma:
- Exibir o nome dos pokémons e seu número da pokédex.
- Exibir a imagem desse pokémons.
- Exibir o tipo de pokemon. Se houver mais de um, separar por pipe (“ | “).
Exemplo:
Atenção: a imagem deve ser requisitada em outra API, com este link: https://pokeres.bastionbot.org/images/pokemon/${id}.png
- Adicionar a cor de fundo na div “card”, de acordo com o primeiro tipo do pokemon. Veja no style.css o nome das cores.
- Criar a validação de, se não houver pokémon com aquele nome, exibir o texto “pokémon não encontrado :(” na tela
- Deixe seu card ainda mais informativo! Crie novos espaços para informações, acrescentando informações como peso, altura, força, etc.
- Permitir que o usuário adicione até 20 pokemons
- Adicionar filtros, podendo ser por: tipos, fraquezas, alturas, pesos e quantitativo de números, etc.