https://github.com/shadbalti/memory-matching-game

Web-based Memory Matching Game project! This classic memory game allows players to flip over cards to find matching pairs.
https://github.com/shadbalti/memory-matching-game

game-development html-css-javascript webbased

Last synced: 8 months ago
JSON representation

Web-based Memory Matching Game project! This classic memory game allows players to flip over cards to find matching pairs.

• Host: GitHub
• URL: https://github.com/shadbalti/memory-matching-game
• Owner: ShadBalti
• License: mit
• Created: 2023-12-14T11:50:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-29T13:59:53.000Z (over 2 years ago)
• Last Synced: 2025-03-02T08:18:58.177Z (about 1 year ago)
• Topics: game-development, html-css-javascript, webbased
• Language: JavaScript
• Homepage: https://shadbalti.github.io/memory-matching-game/
• Size: 31.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Memory Matching Game

Welcome to the Memory Matching Game project! This classic memory game allows players to flip over cards to find matching pairs.

## Table of Contents

- [Demo](#demo)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Getting Started](#getting-started)

- [How to Play](#how-to-play)

- [Customization](#customization)

- [Acknowledgments](#acknowledgments)

## Demo

![Screenshot](Screenshot_20231214-165934.jpg)

## Features

1. **Card Grid:**

   - Display a grid of face-down cards.

   - Use HTML and CSS for card layout.

2. **Card Flipping:**

   - Implement JavaScript logic to flip cards when clicked.

3. **Game Logic:**

   - Define an array of card pairs and shuffle them at the start of the game.

   - Track the state of each card (flipped, matched, or hidden).

4. **Matching Mechanism:**

   - Compare the values of flipped cards to determine if they match.

   - If the cards match, keep them face up; otherwise, flip them back.

5. **Game Over:**

   - Display a victory message when all card pairs are matched.

6. **Timer and Moves Counter:**

   - Implement a timer to track how long it takes to complete the game.

   - Keep a count of the number of moves (flips) the player makes.

7. **Restart Button:**

   - Include a button to restart the game.

## Technologies Used

- **HTML:** Structure of the game.

- **CSS:** Styling the game and cards.

- **JavaScript:** Implementing game logic and interactivity.

## Getting Started

To run the game locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/ShadBalti/memory-matching-game.git