Este é um projeto de uma Pokédex, desenvolvido como parte de um desafio na plataforma DIO (Digital Innovation One). O objetivo deste projeto é criar uma aplicação web que exibe uma lista de Pokémon e suas informações detalhadas em um modal quando clicados.
https://js-developer-pokedex-virid-three.vercel.app
-
Exibição da Lista de Pokémon: A aplicação carrega uma lista inicial de Pokémon com suas imagens, números e nomes. A lista é paginada, e o botão "Load More" permite carregar mais Pokémon.
-
Exibição Detalhada em um Modal: Quando um Pokémon na lista é clicado, um modal é aberto exibindo detalhes como nome, imagem, tipo, peso, altura e estatísticas. O modal pode ser fechado clicando no botão "Close".
index.html
: Contém a estrutura HTML da página, incluindo a lista de Pokémon e o modal.assets/css/
: Diretório com os arquivos de estilos CSS.global.css
: Estilos globais da aplicação.pokedex.css
: Estilos específicos da lista de Pokémon.modal.css
: Estilos específicos do modal.
assets/js/
: Diretório com os arquivos de scripts JavaScript.pokemon-model.js
: Contém a definição do modelo de Pokémon.poke-api.js
: Contém a integração com a API PokeAPI para obter os dados dos Pokémon.main.js
: Contém a lógica principal da aplicação, carregamento dos Pokémon, e manipulação do modal.modal.js
: Contém a lógica específica para manipulação do modal.
- Faça o download ou clone o repositório em seu computador.
- Abra o arquivo
index.html
em um navegador web.
- HTML
- CSS (Bootstrap)
- JavaScript (ES6)