Skip to content

A simple and fun Memory Match Card Game built using HTML, CSS, and JavaScript. Flip two cards at a time to find matching pairs. Perfect for learning DOM manipulation, CSS animations, and game logic.

Notifications You must be signed in to change notification settings

mhd-humraz/memory-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

9 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿƒ Memory Match Card Game

A simple and fun Memory Match Card Game built using HTML, CSS, and JavaScript. Flip two cards at a time to find matching pairs. Perfect for learning DOM manipulation, CSS animations, and game logic.

๐ŸŽฎ Demo

[Insert link here if hosted]

๐Ÿ› ๏ธ Features

  • Flip animation using CSS
  • Match card pairs logic
  • Reset and restart functionality (optional)
  • Responsive layout (can be expanded)
  • Minimalist and clean UI

๐Ÿ“‚ Project Structure

memory-match-game/
โ”œโ”€โ”€ index.html
โ”œโ”€โ”€ style.css
โ”œโ”€โ”€ script.js
โ””โ”€โ”€ README.md

๐Ÿš€ Getting Started

1. Clone the repository

git clone https://github.com/mhd-humraz/memory-game.git
cd memory-game

2. Open in Browser

Just open the index.html file in your browser.

๐Ÿง  How It Works

  • Click on any card to flip it.
  • Flip two cards to check for a match.
  • If matched, cards remain flipped.
  • If not, they flip back after a short delay.

๐Ÿ’ก Future Enhancements

  • Move counter and timer
  • Restart button
  • Scoreboard or high-score tracking
  • Sound effects

๐Ÿ‘จโ€๐Ÿ’ป Author

Humraz

Created as a fun CSS + JS project for practicing frontend skills.


About

A simple and fun Memory Match Card Game built using HTML, CSS, and JavaScript. Flip two cards at a time to find matching pairs. Perfect for learning DOM manipulation, CSS animations, and game logic.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published