Pokedex

A ideia do projeto é fazer uma Pokédex que liste os Pokémons apenas usando HTML, CSS e JS, sem utilizar nenhum framewrok ou biblioteca. O objetivo final é criar uma página para consumir e exibir os dados de uma RestAPI, utilizaremos a PokéAPI.

Primeira etapa:

• Criar uma página que liste os Pokémons;
• Os Pokémons devem estar dentro de "cards" que deve conter:
  • Imagem do Pokémon;
  • Nome;
  • ID;
  • Se conseguir colocar mais dados melhor;

(↑ topo)

Exemplos de layout:
Exemplo 01
Exemplo 02

Segunda etapa:

Ao clicar no card do Pokemon deve abrir um modal/popup que mostre os detalhes do Pokemon: imagem, nome, nome dos elementos, nome das habilidades, e todos os outros dados que vc achar melhor.

(↑ topo)

Bônus:

• Adicionar filtros na listagem;
• Documentar o projeto;
• Deixar a pokedex responsiva;
• Utilizar BEM para organizar o CSS:
  • Site 1;
  • Site 2;
• HTML Semântico;
• Utilizar SCSS;
• Publicar o projeto no Vercel;
• Versionar o projeto;
• Adicionar Animaçoes com transition, hover, keyframes.

(↑ topo)

Descrição:

O layout é desenvolvido baseado em dois projetos de design do behance: design principal e design auxiliar.

(↑ topo)