Skip to content

Latest commit

 

History

History
75 lines (47 loc) · 1.58 KB

README.md

File metadata and controls

75 lines (47 loc) · 1.58 KB

Pokémon Search App

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.

Demo

Features

  • 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

Installation

To run this application locally, follow these steps:

  1. Clone the repository to your local machine:
git clone https://github.com/rezekiz/pokefindr.git
  1. Navigate to the project directory:
cd pokefindr
  1. Install dependencies using npm or yarn:
npm install

or

yarn install
  1. Start the development server
npm start

or

yarn start
  1. Open your browser and go to http://localhost:3000 to view the app.

Usage

  1. Enter a Pokémon name or ID in the search box.
  2. Click the "Search" button or press Enter.
  3. The Pokémon's information will be displayed if found.
  4. Use the "Play Cry" button to listen to the Pokémon's cry sound.
  5. Use the "Previous" and "Next" buttons to navigate through the Pokémon list.

Technologies Used

  • React
  • Material-UI
  • PokeAPI

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.