🕹️ Pokemon

🎮 **Pokemon** is a React application built with Vite that allows users to search for Pokémon, view all available Pokémon, and get detailed information about each one. The app fetches data from a Pokémon API using Axios.

---

🚀 Features

• Search for Pokémon: Easily search for any Pokémon by name.
• View All Pokémon: Browse through the complete list of Pokémon.
• Detailed Information: Get detailed information about each Pokémon, including stats, abilities, and more.
• Responsive Design: Styled using Tailwind CSS for a modern and responsive UI.
• React Hooks: Utilizes useState, useEffect, and useCallback for efficient state management.
• React Router Integration: Navigate seamlessly between different pages.

---

🛠️ Installation

Prerequisites

• Node.js: Ensure you have Node.js installed (v14+ recommended).
• Vite: The app uses Vite as the build tool.

Clone the Repository

git clone https://github.com/Vimalnegi03/Pokemon.git
cd pokemon

Install Dependencies

 npm install

Running the Application

  npm run dev

🌐 Usage

Searching for a Pokémon-:

Navigate to the Search Bar:

Use the search bar at the top of the app to type in the name of the Pokémon you're looking for.

View Pokémon Details:

Click on a Pokémon to view detailed information, including its stats, abilities, and more.

Viewing All Pokémon-:

Browse the List-:

Scroll through the list of all available Pokémon.

Click for Details-:

Select a Pokémon to see its detailed profile.

🔄React Hooks Used-:

useState-:

For managing state throughout the app.

useEffect-:

For handling side effects like fetching data from the API.

useCallback-:

For memoizing functions to optimize performance.

🛣️React Router-:

The app uses React Router for client-side routing, making navigation between the home page, search results, and Pokémon details seamless.

👥Contributing-:

We welcome contributions! Please read our contributing guidelines to get started.

Fork the repository-:

Create a new branch (git checkout -b feature-branch)
Make your changes
Commit your changes (git commit -m 'Add feature')
Push to your branch (git push origin feature-branch)
Create a pull request

📜License-:

This project is licensed under the MIT License. See the LICENSE file for details.

💬Contact-:

If you have any questions or feedback, feel free to reach out:

Email:

[email protected]

LinkedIn:

Vimal Negi

⭐ Acknowledgements-:

Pokémon API:

This project wouldn't be possible without the amazing Pokémon API.

React Router:

For seamless navigation within the app.

Made with ❤️ by Vimal