Pokédex

Encontre seu Pokémon de forma simples, rápida e intuitiva!

Objetivo   |    Ferramentas   |    Cores usadas   |    Ideias realizadas   |    Projeto

🚀 Objetivo:

• Explorar o mundo Pokémon através do consumo de uma API REST para a criação de uma Pokédex incrível!

🔧 Ferramentas:

• HTML e CSS

• JavaScript

• Git e GitHub

• http-server

• Layouts:

  • Dark UI Desing - Pokédex | Daniela Resende

  • Pokedex App - Case Study | Simone Cavallini

• API PokéApi

• Icons:

  • Phosphor Icons
  • Pokemons Types | duiker101

🎨 Cores usadas:

Cor	Hexadecimal
Normal	#A6A877
Grass	#8BBE8A
Fire	#FFA756
Water	#58ABF6
Electric	#F2CB55
Ice	#98D5D7
Ground	#DFBF69
Flying	#A98FF0
Poison	#695C97
Fighting	#BF3029
Psychic	#F65687
Dark	#725847
Rock	#B8A137
Bug	#8BD674
Ghost	#6E5896
Steel	#B9B7CF
Dragon	#6F38F6
Fairy	#F9AEC7

💡 Ideias realizadas:

• Dark UI
• Filtro pelo nome e tipo do Pokémon
• Curtir o Pokémon e armazenar seu estado (curtido ou não curtido) no LocalStorage
• +400 Pokémons
• Mais informações sobre o Pokémon:
  • Sobre:
    • Altura
    • Peso
    • Geração
    • Habitat
    • É ou não mítico (tão difícil de achar que é considerado um mito ou lenda)
    • É ou não lendário
    • Forma
    • Grupo pertencente
    • Habilidades
    • Tipo
  • Status:
    • HP
    • Attack
    • Defense
    • Sp.Atk (Special Attack)
    • Sp.Def (Special Defense)
    • Speed
  • Movimentos:
    • 15 movimentos realizados pelo Pokémon

💻 Projeto:

• Veja o projeto online

Feito com 💜 por mim | Bruno Souza