FusionDex

🚀 Overview

FusionDex is an interactive web application designed for Pokémon enthusiasts to explore, fuse Pokémon, and simulate battles. Built using React, it integrates the PokéAPI to provide a seamless and engaging experience for users to create unique Pokémon fusions and predict battle outcomes.

✨ Features

• Pokémon Browser – Browse a vast collection of Pokémon with detailed stats and abilities.
• Alphabetical Sorting – Pokémon are displayed in alphabetical order for easy navigation.
• Search Functionality – Quickly find your favorite Pokémon.
• Fusion System – Combine two Pokémon to generate a new fusion.
• Battle Predictor – Simulate battle outcomes between fused Pokémon and other Pokémon.
• Opponent Selection – Choose an opponent for battle simulations.
• Interactive UI – Smooth animations and transitions powered by Framer Motion.
• Data Visualization – Visual representation of Pokémon stats using Recharts.
• Responsive Design – Optimized for both desktop and mobile devices.

🛠️ Technologies Used

• React – Frontend framework for building UI components.
• Tailwind CSS – Utility-first CSS framework for styling.
• Framer Motion – Library for smooth animations and transitions.
• Recharts – Data visualization library for Pokémon stats.
• PokéAPI – API for fetching Pokémon data.

🏗️ Getting Started

📌 Prerequisites

Ensure you have the following installed:

• Node.js (v14.0.0 or later)
• npm (v6.0.0 or later)

📥 Installation

1. Clone the repository:

   git clone https://github.com/rajanarahul93/FusionDex.git

2. Navigate to the project directory:

   cd FusionDex

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:5173 to explore the application.

🎮 How to Use

1. Browse or search for Pokémon from the alphabetical list.
2. Click on a Pokémon to view detailed information.
3. Select two Pokémon and click "Fuse Pokémon" to generate a fusion.
4. View the fusion results, including detailed stats and abilities.
5. Use the Battle Predictor to simulate battles:
   • Select an opponent from the sidebar.
   • View the predicted battle outcome between the fusion and the opponent.

🤝 Contributing

We welcome contributions! If you’d like to improve the project, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes and commit them (git commit -m "Add new feature").
4. Push to the branch (git push origin feature-branch).
5. Open a Pull Request.

🙌 Acknowledgments

• PokéAPI – Providing Pokémon data.
• Open-source community – For incredible tools and libraries.

📬 Contact

Rahul – @rajanarahul93 – [email protected]