This is a simple and fun Memory Card Game built using HTML, CSS, and JavaScript. The goal of the game is to match pairs of cards by flipping them over and remembering their positions. The game includes sound effects to enhance the user experience and randomizes card placements every time the game is played.
I created this game as a mini-project to practice my skills in web development, particularly working with JavaScript for game logic and CSS for design and responsiveness. It also gave me a chance to experiment with adding sound effects for an interactive touch. Building this game was a fun way to reinforce my understanding of web technologies.
- Random Card Placement: Cards are shuffled randomly each time the game starts.
- Sound Effects: Different sounds play for matching pairs, missing pairs, and when the game is completed.
- Live Preview: You can run this game in a live server directly through VS Code.
- Click on two cards to flip them.
- If the cards match, they stay flipped.
- If they don’t match, they will flip back after a short delay.
- Continue flipping cards until all pairs are matched.
- Enjoy the sound effects for different actions like misses, matches, and completing the game.
- Clone the repository to your local machine:
gite clone https://github.com/abdrrahim2002/Memory-Card-Game.git
-
Open the project in Visual Studio Code.
-
Install the Live Server extension in VS Code if you haven't already.
-
Right-click on
memory.htmland select Open with Live Server to start the game. -
Enjoy !!!
- HTML5: For the structure and layout of the game.
- CSS3: For styling the game and making it responsive.
- JavaScript: For the game logic, including card flipping, matching, and sound integration.
Enjoy the game and have fun improving your memory ✌️