Skip to content

LoganthP/DevCom-Workshop-MemoryMatchGame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Memory Match Game

A fun and interactive memory match card game built using HTML, CSS (Flexbox & Animations), and JavaScript with sound effects! 🎉
Flip the cards, find the matching emoji pairs, and beat your best time and score! ⏱️🧠


✨ Features

  • 🎴 Flip-to-reveal emoji cards
  • 🔊 Sound effects for flipping, matching, and wrong matches (supports .wav files)
  • ⏲️ Timer and move counter
  • 💻 Responsive design using CSS Flexbox
  • 🎨 Smooth card flip animations
  • 🔁 Restart automatically on page reload

🛠️ Technologies Used

  • HTML5
  • CSS3
    • Flexbox layout
    • Transitions and keyframe animations
  • JavaScript
    • DOM manipulation
    • Arrays, functions, objects
    • Event handling
    • setInterval timer
  • Audio API for sound effects

📂 Folder Structure

memory-match-game/

├── index.html # Main HTML file

├── style.css # All CSS styles (flexbox, animations, colors)

├── script.js # All game logic (JS + DOM + sounds)

├── sounds/ # Folder containing sound effects (.wav)

│ ├── flip.wav

│ ├── match.wav

│ └── wrong.wav

├── assets/ # Optional folder for images, icons, or preview

│ └── preview.png # Screenshot of your game (used in README)

├── README.md # Project description for GitHub

└── .gitignore # (Optional) Git ignore file if you're using Git


About

It is an interactive JavaScript-based memory matching game developed for a workshop, featuring card-flip mechanics, visual UI, and logic-driven gameplay to enhance problem-solving and frontend development skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors