https://github.com/risudev/memory-game

Memory Game
https://github.com/risudev/memory-game

css dom html js

Last synced: about 1 month ago
JSON representation

Memory Game

• Host: GitHub
• URL: https://github.com/risudev/memory-game
• Owner: risudev
• Created: 2025-05-27T16:25:40.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-27T17:26:58.000Z (about 1 year ago)
• Last Synced: 2025-06-26T08:42:53.755Z (12 months ago)
• Topics: css, dom, html, js
• Language: JavaScript
• Homepage: https://flippedmemorygame.netlify.app/
• Size: 3.91 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          
# Description :

# 🧠 Memory Card Matching Game

A fun and interactive memory game built with HTML, CSS, and JavaScript. Flip cards to find all the matching pairs. Great for beginners looking to strengthen DOM manipulation and layout skills.

 

# 🔧 Technologies Used

✅ HTML5


🎨 CSS3 (can include Tailwind CSS if preferred)


⚙️ JavaScript (ES6+)


# 🕹️ Features

* Click to flip cards and reveal hidden symbols.

* Match pairs to remove them from the board.

* Built with responsive design using Flexbox and Grid.

* Tracks the number of moves or matches (optional).

* Restart the game with a single click.

# Live Website

You can view the live website of the project: https://flippedmemorygame.netlify.app/

# 🚀 Getting Started

1. Clone the Repository

 git clone https://github.com/your-username/memory-game.git

 cd memory-game  

2. Open in Browser

You can simply open index.html in your web browser:

📜 How It Works

1. The board displays a grid of face-down cards.

2. Click on a card to flip it.

3. Flip two cards — if they match, they stay flipped.

4. If not, they flip back after a short delay.

5. Repeat until all pairs are matched!

🛠️ Customization

You can customize the following:

* Card designs/icons (using emojis, images, or SVGs).

* Number of cards.

* Add a timer or score counter.

* Add animations or sound effects.

📈 Future Improvements

* ✅ Timer and scoring system

* ✅ Difficulty levels (more cards)

* ✅ Store high scores with localStorage

* ✅ Dark mode

🤝 Contributing

Feel free to fork this project and add emojis and design the cards. Pull requests are welcome!