A simple React application that fetches and displays all Pokémon from the PokeAPI in a card format. This project showcases how to use React for building a user interface and how to make API calls to retrieve data.
- Fetches Pokémon data from the PokeAPI
- Displays Pokémon in a card format
- Responsive design for better user experience
- Search functionality to filter Pokémon by name or ID
- React
- CSS (for styling)
- PokeAPI (for Pokémon data)
Make sure you have the following installed:
- Node.js (version 14 or higher)
- npm (Node package manager)
-
Clone the repository:
git clone https://github.com/csq/pokemon-cards.git
-
Navigate to the project directory:
cd pokemon-cards -
Install the dependencies:
npm install
To start the development server, run:
npm startThis will open the application in your default web browser at http://localhost:3000.
Once the application is running, you will see a grid of Pokémon cards. Each card displays the Pokémon's name, image, and type. You can use the search bar to filter Pokémon by name or ID.
This project is licensed under the GNU GPLv3 License - see the COPYING file for details.