Article image
Carlos Soares
Carlos Soares04/11/2024 11:33
Compartilhe

Meu Projeto - Pokedex em JavaScript

  • #HTML
  • #JavaScript
  • #CSS

🚀 Pokédex Interativa em JavaScript 🚀

Como parte do desafio da DIO, desenvolvi esta Pokédex que utiliza a PokeAPI para listar os Pokémons e exibir detalhes interativos como peso, altura e tipo de cada um, tudo com design responsivo e cores customizadas! 

Melhorias Implementadas:

  • Customização de Cores dos Cards: Cada card de Pokémon exibe uma cor de fundo específica baseada no tipo, facilitando a distinção visual dos tipos de Pokémon e tornando a interface mais intuitiva.
  • Modal com Detalhes Adicionais: Ao clicar em um Pokémon, abre-se um modal com informações detalhadas, como peso, altura e tipo, oferecendo uma visão mais completa de cada Pokémon.

🎯 Confira o vídeo para ver as principais funcionalidades em ação e o projeto completo em: https://www.linkedin.com/posts/carlos-cgs_javascript-pokaezdex-pokeapi-activity-7259142404794925056-ED5g?utm_source=share&utm_medium=member_desktop

🎯 Confira este repositório GitHub: https://github.com/Carlos-CGS/Pokedex-JS-DIO

image

imageimage

"Vamos Disseminar os Conhecimentos e Transbordar Tudo o que Aprendemos!"

Segue lá no LinkedIn: https://www.linkedin.com/in/carlos-cgs/

Segue lá no GitHub: https://github.com/Carlos-CGS

Compartilhe
Comentários (7)

GC

Gustavo Costa - 07/11/2024 19:16

q daora

Alex Castro
Alex Castro - 04/11/2024 14:54

Ficou muito legal! Parabéns. Vou utilizar ele para meus testes com DevOps.


Luiz Café
Luiz Café - 04/11/2024 14:13

Parabéns pelo seu projeto e melhorias feitas! Ficou show de bola! Continue assim!

Carlos Soares
Carlos Soares - 04/11/2024 14:02

@Adriely Pode ficar a vontade para utilizar como inspiração.


@GustavoMelo Eu mantive a quantidade de pokemons do projeto, mas consigo alterar aqui para aparecer a cada 50 pokemons.

GM

Gustavo Melo - 04/11/2024 13:44

Ficou mt bom! Mas seria interessante colocar pra carregar mais alguns pokemons por vez, acho que 10 ficou bem pouco

Adriely
Adriely - 04/11/2024 12:51

Uau, ficou top. A maneira como você apresentou a visualização das especificações dos Pokémon por meio de um modal ficou muito boa.

Tudo bem se utilizar a mesma ideia no meu projeto?

José Filho
José Filho - 04/11/2024 12:49

Calor, ficou muito legal parabéns !

Um projeto muito bom para por em praticas as principais habilidades com alguma linguagem. :)