A React-based Pokémon guessing game where you test your knowledge of Pokémon by trying to identify the hidden Pokémon through attributes like types, generation, color, and habitat.

🎮 How to Play

1. Guess a Pokémon: Type a Pokémon name in the search field and click "Guess".
2. Compare Attributes: Your guess will be compared to the hidden Pokémon.
   • 🟩 Green cells show correct attributes
   • 🟥 Red cells show incorrect attributes
3. Use Hints: Click the "Hint" button if you're stuck (3 available per game).
4. Give Up: If you can't figure it out, you can see the answer by clicking "Give Up".
5. New Game: Start a new challenge after winning or giving up.

🚀 Features

• Animated UI: Smooth animations with Framer Motion
• Dark/Light Theme: Toggle between themes for comfortable play
• Responsive Design: Play seamlessly on desktop or mobile
• Autocomplete: Search suggestions for Pokémon names
• Hint System: Get helpful clues when you're stuck
• Loading Animation: Engaging experience from start to finish

💻 Installation and Setup

Prerequisites

• Node.js (v16+)
• npm or yarn

Getting Started

1. Clone the repository:

git clone https://github.com/AdixSasuke/PokeDetective.git
cd PokeDetective

2. Install dependencies:

npm install
# or
yarn install

3. Start the development server:

npm run dev
# or
yarn dev

4. Open your browser and navigate to http://localhost:5173 to start playing!

🔧 Tech Stack

• React - UI library
• Framer Motion - Animation framework
• Tailwind CSS - Styling
• Vite - Build tool and development server
• PokéAPI - Data source for Pokémon information

🤝 Contributing

Contributions are welcome! Here's how you can help:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/awesome-feature)
3. Commit your changes (git commit -m 'Add some awesome feature')
4. Push to the branch (git push origin feature/awesome-feature)
5. Open a Pull Request

🙏 Acknowledgments

• PokéAPI for providing the Pokémon data
• Pokémon is © of Nintendo, 1995-2025

---

Made with ❤️ by nvmaditya