An interactive memory matching game built with HTML, CSS, and JavaScript. Players flip cards to find matching pairs, aiming to match all pairs to win the game.
- Grid of Cards: Displays a grid of cards, each with a hidden image or symbol.
- Card Flip: Cards flip to reveal the hidden image when clicked.
- Match Detection: Checks for matching pairs. If a match is found, the cards remain face up; otherwise, they flip back after a short delay.
- Win Condition: Displays a "You Win!" message when all pairs are matched.
- Restart Game: A button to restart the game and shuffle the cards.
- HTML for structure
- CSS for styling
- JavaScript for game logic
-
Clone the repository:
git clone https://github.com/hubertit/Memory-Matching-Game.git
-
Navigate to the project directory:
cd memory-matching-game
-
Open
index.html
in your web browser. -
Click on cards to flip them and try to find matching pairs.
-
Once all pairs are matched, a "You Win!" message will appear.
-
Click the "Restart Game" button to shuffle the cards and play again.
index.html
: The main HTML file containing the structure of the game.styles.css
: The CSS file for styling the game.script.js
: The JavaScript file containing the game logic.
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Make your changes and commit them:
git commit -m "Description of changes"
- Push to the branch:
git push origin feature-branch
- Open a pull request.
This project is licensed under the MIT License.