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! ⏱️🧠
- 🎴 Flip-to-reveal emoji cards
- 🔊 Sound effects for flipping, matching, and wrong matches (supports
.wavfiles) - ⏲️ Timer and move counter
- 💻 Responsive design using CSS Flexbox
- 🎨 Smooth card flip animations
- 🔁 Restart automatically on page reload
- HTML5
- CSS3
- Flexbox layout
- Transitions and keyframe animations
- JavaScript
- DOM manipulation
- Arrays, functions, objects
- Event handling
- setInterval timer
- Audio API for sound effects
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