A simple and fun Memory Card Game built with HTML, CSS, and JavaScript. Test your memory by matching pairs of cards in the shortest time and with the fewest flips.
https://kamran-frontend.github.io/Memory-Game/
- Responsive design for mobile and desktop.
- Countdown timer to challenge the player.
- Tracks the number of flips made by the player.
- Refresh button to restart the game.
- Flip two cards at a time to find a matching pair.
- If the cards match, they will stay flipped.
- If the cards do not match, they will flip back.
- Match all the cards before the time runs out!
-
Clone the repository:
git clone https://github.com/Kamran-frontend/Memory-Game.git
-
Navigate to the project folder:
cd Memory-Game
-
Open
index.html
in your browser to play the game.
- HTML5 for structure.
- CSS3 for styling and animations.
- JavaScript for game logic.
Memory-Game/
├── images/ # Contains all card and icon images
├── style.css # Game styles
├── script.js # Game functionality
├── index.html # Main game file
└── preview.png # Screenshot of the game
Check out how the game looks by opening the screenshot above or running the project locally.