Mind Match is Pokemon Card Game is a simple web application where users are presented with cards featuring different Pokémon. The user must select a card, and if they select the same card more than once, they lose. The game tracks the user's current score and the highest score achieved. The purpose of this game is to test the player's memory and provide an engaging way to interact with Pokémon.
- Display 20 Pokémon cards, with 10 shown at a time.
- Click on a Pokémon card to select it.
- Keep track of the current score and high score.
- Fetch Pokémon images dynamically from the Pokémon API.
- Responsive design for various screen sizes.
click here to see the demo project - demo
- React: A JavaScript library for building user interfaces.
- PokeAPI: A RESTful API for Pokémon data.
- CSS: Styling for the application.
- PropTypes: Type checking for props.
- Node.js and npm installed on your local machine.
- Basic knowledge of JavaScript, React, and Git.
Clone the repository:
git clone https://github.com/your-username/pokemon-memory-card-game.git
cd pokemon-memory-card-game
nstall dependencies:
npm install
Start the development server:
npm start
This will start the app in development mode and open it in your default web browser at http://localhost:3000.
- Card Selection: Clicking a card selects it and adds it to the selectedPokemon array. The game checks if the card has been selected before and updates the score accordingly.
- API Requests: Pokémon data (including images) is fetched from the PokéAPI.
Contributions are welcome! If you'd like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bugfix:
git checkout -b feature/new-feature
- Commit your changes:
git commit -m 'Add new feature'
- Push to the branch:
git push origin feature/new-feature
- Create a pull request: Once your changes are reviewed and approved, they will be merged into the main branch.
This project is licensed under the MIT License.
- PokéAPI for providing the Pokémon data and images.
- React for the frontend framework.
- The open-source community for various code snippets and inspiration.