This React application simulates Pokémon battles using the Pokémon API. Users can randomly select attacks and make Pokémon fight by dragging and dropping them onto each other. Additionally, clicking on a Pokémon triggers its unique cry.
- 🎲 Random Attack Selection: Moves are randomized for variety.
- 🖱️ Drag-and-Drop Combat: Intuitive mechanics to start battles.
- 🔊 Sound Effects: Activate Pokémon cries by clicking on them.
- Node.js installed on your machine.
- Internet connection to access the Pokémon API.
- Clone this repository to your machine.
- Navigate to the project directory in your terminal.
- Run the following command to install dependencies:
npm install- Launch the application by running:
npm start- Open your browser and go to the address indicated in your terminal (usually
http://localhost:3000). - Start selecting attacks and make Pokémon fight by dragging and dropping them.
- The application queries the Pokémon API upon loading to fetch a list of Pokémon and their available moves.
- For every new battle, two attacks are randomly selected for each Pokémon involved.
- Available Pokémon are displayed on the screen.
- The user can select a Pokémon by dragging and dropping it onto another.
- The battle starts automatically upon drop.
- Attacks deal damage to the opponent, reducing their Health Points (HP).
- By clicking on a Pokémon, the application plays the characteristic cry of that Pokémon.
The application aims to offer an interactive and entertaining experience for users, allowing them to discover different Pokémon and their combat abilities.
Contributions are welcome! If you wish to contribute to this project, please open an issue to discuss the changes you would like to make.
