Skip to content

rccsousa/pokefindr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published