A simple, fun memory-matching card game where players click on cards to reveal images and try to find matching pairs. Built with HTML, CSS, and JavaScript, this game is designed to test your memory and quick-thinking skills.
- Click on any card to reveal the image.
- Try to find the matching pair by clicking on another card.
- If the images match, the cards will stay face-up.
- If they don't match, they will flip back after a short delay.
- The game continues until all pairs are matched.
- Try to complete the game with the fewest moves possible.
-
Clone the Repository:
git clone https://github.com/vaibhavapriya/memory-card-game.git cd memory-matching-game -
Open the Project:
- Open
index.htmlin your web browser to play locally, or use the link provided above to play on Netlify.
- Open
-
Start the Game:
- Once opened, the game will be ready to play! The cards are shuffled at the start, and you can click on any card to begin.
- Reveal Cards: Click on a card to flip it over and reveal the image.
- Match Pairs: Try to remember the position of each card. When you find a matching pair, both cards will stay face-up.
- Track Moves: Each attempt to match two cards counts as one move.
- Win the Game: The game ends when all pairs are matched. A congratulatory message will display with your total moves.
- Shuffle on Restart: Press the restart button to shuffle and restart the game.
- Move Counter: Track your progress with the move counter.
- Win Alert: Receive an alert when all pairs are matched, along with your total moves.
- HTML5 for the game structure.
- CSS3 for styling.
- JavaScript for game logic and interactions.
This README provides a quick overview, setup instructions, gameplay rules, and some technical details to help users understand and enjoy your memory game!