React Pokémon Battle

This project was made using React. I grew up playing Pokémon and thought it would be fun to recreate the classic Pokémon battle in the browser. When the game starts, Gengar fades in and Blastoise fades up. The player can select from four different moves that do different amounts of damage within a 10 point range. Gengar has four attacks that function the same way and are chosen randomly. The health bars nicely transition as damage is taken and are colored green, yellow, and red depending on the health. When someone looses, they fade out and the player is given the option to play again where everything resets. The game frame shrinks to look good on the smallest phones.

Visit Website Github

Battle Begins

Blastoise appears

Player attack options

Player does damage

Enemy does damage

Enemy faints

Player faints

Play again