A simple game built with React, where you choose a Pokémon card and battle a random opponent.
You can visit the demo.
First, the player chooses a Pokémon card. Then, a random Pokémon is choosen and the battle will begin as soon as the player hits the battle button. All of the moves (attacks) available for a Pokémon are choosen randomly.
On the player's turn, the available moves are showen in the battle menu, and when clicking on one of them, the player's Pokémon will perform the attack. Next, the opponent Pokémon will attack with one randomly choosen move. The hit damage is in the range of 0 to the move's power (showen in the Pokémon card). Those two steps are repeated until one of the Pokémon hp reaches 0, and the winner is anounced.
- React - create-react-app.
- React Router - A collection of navigational components for routing.
- PokeAPI - RESTful API serving all of Pokémon data.
- pokeapi-js-wrapper - An asynchronous PokeAPI wrapper with built-in cache for browsers.
Clone the repostory and install the required dependencies:
npm installRun the app in development mode:
npm run startOpen http://localhost:3000 to view it in the browser.
You can also build the app for production to the build folder:
npm run buildIt correctly bundles React in production mode and optimizes the build for the best performance.