🧠🎴 Memory Match Game
A modern, responsive multiplayer memory matching game built with HTML, CSS, and JavaScript. Challenge your friends, test your memory, and climb the leaderboard! 🚀
✨ Overview
The Memory Match Game is a fun two-player card matching game featuring food-themed cards, real-time scoring, player profiles, and persistent data using local storage. Designed with a clean UI, smooth animations, and full mobile responsiveness.
🎮 Features 🔹 Core Gameplay
👥 Two-Player Mode – Alternate turns between Player 1 & Player 2
🧩 Memory Matching – Match 14 pairs of food-themed cards
📊 Live Score Tracking – Instant score updates
🔁 Turn Indicator – Clearly shows the active player
⏱️ Timer System – Track total game duration
📈 Statistics Panel – Matches found & total turns
🎨 User Interface
📱 Fully Responsive Design – Desktop, Tablet & Mobile friendly
🌈 Modern UI – Gradient backgrounds & smooth animations
✨ Visual Feedback – Card flip effects & match highlights
🎯 Intuitive Controls – Simple buttons & navigation
📊 Progress Indicators – Timer, stats & scores
👤 User Management
🔐 Login System – Personalized player names
💾 Game Save – Save progress anytime
🏆 Leaderboard – High scores across sessions
🧑💻 Player Profiles – Individual stats tracking
memory-match-game/ │ ├── index.html # Main HTML file ├── style.css # CSS stylesheet ├── game.js # JavaScript game logic │ ├── img/ # Images folder │ ├── card.png # Card back image │ ├── wolv.jpg # Player 1 avatar │ ├── dpool.jpg # Player 2 avatar │ │ │ ├── pizza.png │ ├── milkshake.png │ ├── ice-cream.png │ ├── hotdog.png │ ├── fries.png │ ├── cheeseburger.png │ ├── tacos.png │ ├── noodle.jpg │ ├── pastry.jpg │ ├── donut.jpg │ ├── chick.jpg │ ├── cheese.jpg │ ├── pies.jpg │ └── cake.jpg │ └── README.md # Project documentation ✅ Prerequisites
🌐 Any modern web browser (Chrome, Firefox, Edge, Safari)
📝 Text editor (VS Code recommended)
📥 Installation
Clone or download the project
Create an img/ folder
Add all required images
Open index.html in your browser
⚡ Quick Start
📂 Download files
🖼️ Place images inside img/
🌍 Open index.html
🏁 Enter your name & Start Playing!
🎯 How to Play
Enter your name
Click Start Game
Player 1 begins first
🕹️ Game Rules
Flip two cards per turn
Match identical food cards
✅ Match → Score + extra turn
❌ No Match → Cards flip back & turn switches
Match all 14 pairs to finish
🏆 Winning Conditions
Highest match count wins
Tie if scores are equal
Game auto-restarts after completion
🎮 Controls
🖱️ Click cards to flip
🔄 Restart – Start a new game
💾 Save – Save progress
🏆 Leaderboard – View top scores
🛠️ Technical Details 🧱 HTML
Semantic & accessible structure
Login, Game & Leaderboard sections
Responsive card grid
🎨 CSS
CSS Grid & Flexbox layout
Card flip animations
Media queries for responsiveness
CSS variables for theming
Gradient backgrounds & shadows
⚙️ JavaScript
Card matching logic
Turn & score management
LocalStorage integration
Dynamic DOM updates
Timer & stats tracking
❤️ Built With
HTML5
CSS3
Vanilla JavaScript
🌟 Enjoy the Game!
If you like this project, don’t forget to ⭐ star the repository and share it with friends! 😄🎉