This is a simple Pokémon search web application built with React that utilizes the PokéAPI to fetch data on Pokémon. Users can search for any Pokémon by name, and the app will display a card with relevant information, including the Pokémon's image, stats, and a brief description.
- Search Bar: Allows users to enter a Pokémon name or ID.
- Pokémon Card: Displays Pokémon details including an image, type, basic stats (like HP, Attack, Defense), and a short description.
- Real-time Data Fetching: Powered by the PokéAPI, the app retrieves live data to display up-to-date Pokémon information.
Make sure you have the following installed:
-
Clone the Repository:
git clone https://github.com/adcoding/pokemon-finder.git cd pokemon-finder
-
Install Dependencies:
npm install
or if you prefer yarn:
yarn install
-
Run the App Locally:
npm start
or
yarn start
After the app builds, it will be available at
http://localhost:3000
.
- Enter a Pokémon name in the search bar.
- The app will display a card with the Pokémon's details.
- React: UI framework
- PokéAPI: Public API for Pokémon data
- CSS/Styled Components: For styling
Feel free to fork this repository and make improvements. Pull requests are always welcome!
- Data provided by PokéAPI
- Inspired by the Pokémon universe.