Memory Card Game A fun and interactive web-based memory card game. Test your memory skills by matching pairs of images within a given time limit. Can you match all the pairs before time runs out?
Features 16 cards: Match 8 pairs of unique icons. Timer: You have 120 seconds to complete the game. Moves Counter: Tracks how many moves you make while playing. Win/Loss Notifications: A message will appear if you win or lose the game. Responsive Design: Works on both desktop and mobile devices. How to Play Click the Start button to begin the game. Flip two cards by clicking on them. The cards will reveal an image. If the two cards match, they will remain face-up. If they don't match, the cards will flip back after a short delay. Match all the pairs within 120 seconds to win the game. You can see your moves count in real-time. If you run out of time, a loss message will appear. Game Controls Start Game: Begins a new game. Stop Game: Stops the game and hides the game board. Cards: Click on a card to flip it. Technologies Used HTML5: For the game structure. CSS3: For styling the game, including animations for the card flips. JavaScript: For game logic, including shuffling cards, matching pairs, and timer functionality. File Structure Copy code . ├── index.html ├── style.css ├── script.js ├── images/ │ ├── bee.png │ ├── bicycle.png │ ├── rocket-launch.png │ ├── smart-watch.png │ ├── red.png │ ├── road-trip.png │ ├── sun.png │ └── soccer-ball.png ├── README.md Key Files: index.html: The main HTML file that sets up the game structure. style.css: The CSS file that handles all the styling and layout of the game. script.js: The JavaScript file that controls the game logic and interactions. images/: Folder containing all the images used for the cards. How to Run the Game Download or clone the repository. Open index.html in any modern browser. Click Start to begin playing the memory card game. Screenshots Game start screen
Gameplay screen with cards flipped
Win message when all pairs are matched
Future Enhancements Add sound effects for card flips and matches. Implement difficulty levels with more cards. Improve mobile responsiveness and design.