Skip to content

Test your memory by selecting two cards to check if they are a match. If they are a match, they stay flipped. If not, they flip back over. The game is over when all cards are matched and flipped over.

Notifications You must be signed in to change notification settings

rowzey1/Matching-Card-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

♠️ Matching Card Game

Goal: Test your memory by selecting two cards to check if they are a match. If they are a match, they stay flipped. If not, they flip back over. The game is over when all cards are matched and flipped over.

Screenshot 2024-11-13 at 10 27 59 AM

Features

  • 20 cards (10 matching pairs)
  • Move counter to track performance
  • Responsive design for desktop and mobile devices
  • Smooth card flip animations
  • Victory message displaying total moves used

How to Play

  1. Click on any card to reveal its hidden image
  2. Click on a second card to find a match
  3. If the cards match, they'll stay face up
  4. If they don't match, both cards will flip back over
  5. Remember card locations to make matches in fewer moves
  6. Game ends when all pairs are matched

Technical Details

Technologies Used

  • HTML5
  • CSS
  • JavaScript

Key Components

  • CSS Grid for card layout
  • CSS transforms for card flip animations
  • JavaScript class-based game logic
  • Responsive design

About

Test your memory by selecting two cards to check if they are a match. If they are a match, they stay flipped. If not, they flip back over. The game is over when all cards are matched and flipped over.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published