🧠🎴 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 ▶️ Start Game

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! 😄🎉