Poke-Quizz is an interactive quiz game built with React and TypeScript that tests your knowledge of Pokémon. Challenge yourself across multiple quiz modes—from identifying Pokémon by images, stats, or even their cries—and compete with friends to see who knows the most about these iconic creatures!
You can try it at Poke-Quiz !
- Photo Quiz: Identify Pokémon based on their images with varying difficulty levels and visual effects.
- Stat Quiz: Guess Pokémon by interpreting clues such as stats (HP, attack, defense, etc.) and other attributes.
- Sound Quiz: Recognize Pokémon from their unique cries.
-
Clone the repository:
git clone https://github.com/your-username/poke-quizz.git
-
Change to the project directory:
cd poke-quizz -
Install the dependencies:
npm install
-
Running the Application:
npm start
This command compiles the application and opens it in your browser at http://localhost:3000.
- Data Source: The Pokémon data is powered by PokéAPI, a free and open RESTful API that provides detailed information about Pokémon.
- Usage: The application fetches various data such as Pokémon names, images, stats, and more directly from this API.
Contributions to this project are welcome! Here’s how you can get started:
-
Reporting Issues:
If you encounter bugs or have ideas for improvements, please open an issue on GitHub to discuss your ideas before submitting a pull request. -
Fork & Clone:
Fork this repository and clone your fork locally. -
Create a Branch:
Create a new branch for your changes, using a descriptive name (e.g.,fix/issue-123orfeature/new-quiz-mode). -
Implement & Test:
Make your changes and add tests if applicable. Ensure your code follows the project’s coding style and that it passes linting checks (runnpm run lint). -
Submit a Pull Request:
Once your changes are complete, submit a pull request with a clear description of your modifications and reference any related issues. -
Review Process:
Your contributions will be reviewed, and we might suggest improvements. We appreciate detailed explanations and adherence to the guidelines.
Thank you for helping improve the project!
If you have any questions or issues, feel free to reach out! 🚀