Pokémon Cards App

A simple and dynamic web app built using React that displays Pokémon cards with a search functionality to filter cards. This project demonstrates API integration, React state management, and a touch of responsiveness.

✨ Features

• Dynamic Data Fetching: Fetch Pokémon data from an external API and display it dynamically.
• Search Functionality: Search for Pokémon by their name and filter results in real time.
• Responsive Design: Optimized for different screen sizes (mobile, tablet, and desktop).
• Deployed Live: The app is hosted and accessible online for everyone to explore.

🚀 Live Demo

Check out the live version here: Pokémon Cards App

📂 Project Structure

├── public
├── src
│   ├── assets
│   ├── Pokemon.jsx         
│   ├── PokemonCards.jsx           
│   ├── App.jsx
│   ├── index.css
├── package.json
├── vite.config.js
├── .gitignore
├── README.md

🛠️ Technologies Used

• React: For building the UI and managing components.
• CSS: For styling the app (basic responsiveness added).
• API: Fetch Pokémon data from an external API.
• Netlify: For deploying the app online.

📜 Installation

Follow these steps to run the project locally:

1. Clone the Repository:

   git clone https://github.com/DevendraMane/Pokemon_Project.git

2. Navigate to the Project Directory:

   cd Pokemon_Project

3. Install Dependencies:

   npm install

4. Run the Development Server:

   npm start

5. Open your browser and navigate to http://localhost:3000.

🔗 Links

• Live App: Pokémon Cards App
• Source Code: GitHub Repository

📝 Acknowledgements

• Vinod Bahadur Thapa: For inspiring this project.
• Pokémon API: For providing the data used in this app.

⚠️ Note

The CSS used in this project was borrowed as the focus was primarily on learning and implementing React functionalities.

📧 Feedback

Feel free to share your feedback and suggestions! Happy coding! 😄