Pokedex - Explore o Mundo Pokémon! Descrição:

Este projeto é uma Pokedex interativa que permite aos usuários explorarem informações sobre diferentes Pokémon. A Pokedex busca dados da PokeAPI e exibe os Pokémon em cards, permitindo busca por nome, tipo ou número e filtragem por tipo.

Funcionalidades:

Exibição de Pokémon: A Pokedex lista 150 Pokémon com suas imagens, nomes, números e tipos. Busca: Os usuários podem buscar Pokémon por nome, número ou tipo usando a barra de pesquisa. Filtragem por Tipo: Botões permitem filtrar os Pokémon exibidos por seu tipo principal. Design Responsivo: A Pokedex se adapta a diferentes tamanhos de tela, incluindo dispositivos móveis. Menu Hamburguer: Em telas menores, um menu hamburguer fornece acesso aos botões de filtragem por tipo. Como Usar:

Acesse o projeto: Acesse a Pokedex no GitHub Pages: [invalid URL removed] Explore Pokémon: Navegue pelos cards dos Pokémon exibidos. Busque: Use a barra de pesquisa para encontrar Pokémon específicos por nome, número ou tipo. Filtre por Tipo: Clique nos botões de tipo para exibir apenas Pokémon daquele tipo. Menu Hamburguer (telas menores): Clique no ícone de hamburguer para abrir o menu com os botões de filtragem por tipo. Tecnologias Utilizadas:

HTML CSS JavaScript PokeAPI Autor:

Paulo Sergio GitHub: https://github.com/Paulosxb/ Link do Projeto:

https://github.com/Paulosxb/buscarPokemon Observações:

Este projeto é apenas para fins educacionais e demonstrativos. A PokeAPI é utilizada para obter os dados dos Pokémon. Contribuições:

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests no repositório do projeto.

Divirta-se explorando o mundo Pokémon com esta Pokedex!

Código:

JavaScript // Código JavaScript (app.js) const pokeContainer = document.querySelector("#pokeContainer"); const pokemonCount = 1500; const pokemonsPerPage = 20; // Mostrar 20 pokémons por página let currentPage = 1; // Página inicial

// ... (resto do código JavaScript) Use o código com cuidado.

CSS /* Código CSS (style.css) / / Importa a fonte Chakra Petch do Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600&display=swap');

• { /* ... (estilos CSS) */ } Use o código com cuidado.

HTML

Pokedex

<script src="dados.js"></script>
<script src="app.js"></script>

Use o código com cuidado.

Observação: O código completo (HTML, CSS e JavaScript) foi omitido para manter o README.md conciso. Consulte o repositório do projeto para o código completo e instruções de instalação.

Lembre-se de que você pode ajustar e personalizar este README.md de acordo com as necessidades específicas do seu projeto.

Espero que esta versão em Markdown seja útil! Se tiver mais alguma dúvida ou precisar de ajuda com algo específico, é só perguntar!