A modern, responsive React application that displays Pokémon cards with detailed information using the PokéAPI
- Beautiful Card UI: Modern card design with type-based color theming.
- Responsive Layout: Works on all devices - desktop, tablet, and mobile
- Detailed Information: View comprehensive stats, abilities, and physical attributes
- Search Functionality: Find Pokémon by name or ID
- Smooth Animations: Utilizes Framer Motion for fluid transitions
- Type-Based Theming: Cards and detail pages colored based on Pokémon type
- Load More: Pagination system to load more Pokémon as needed
- Clone the repository:
git clone https://github.com/your-username/pokemon-card-showcase.git
cd pokemon-card-showcase
- Install dependencies:
npm install
- Start the development server:
npm start
- Open your browser and navigate to
http://localhost:3000
To create a production build:
npm run build
This will create optimized files in the build folder ready for deployment.
This project uses the PokéAPI - a free RESTful Pokémon API.
- PokéAPI for providing the Pokémon data
- Framer Motion for animations
- Styled Components for styling