This is a simple React application that allows users to search for Pokémon by name or ID. It fetches Pokémon data from the PokéAPI and displays information such as the Pokémon's name, sprite image, and ID. Users can also play the Pokémon's cry sound and navigate through the Pokémon list.
- Search for Pokémon by name or ID
- Display Pokémon's name, sprite image, and ID
- Play the Pokémon's cry sound
- Navigate through the Pokémon list using previous and next buttons
To run this application locally, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/rezekiz/pokefindr.git
- Navigate to the project directory:
cd pokefindr
- Install dependencies using npm or yarn:
npm install
or
yarn install
- Start the development server
npm start
or
yarn start
- Open your browser and go to http://localhost:3000 to view the app.
- Enter a Pokémon name or ID in the search box.
- Click the "Search" button or press Enter.
- The Pokémon's information will be displayed if found.
- Use the "Play Cry" button to listen to the Pokémon's cry sound.
- Use the "Previous" and "Next" buttons to navigate through the Pokémon list.
- React
- Material-UI
- PokeAPI
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.