- Clone or download this repository.
- Place your card images (
a.png,m.png) in the same directory asindex.html. - Open
index.htmlin any modern web browser.
- HTML5 β Page structure and elements.
- CSS3 β Styling the game board and cards.
- Vanilla JavaScript β Game logic and interactivity.
- When all pairs are matched, a βYou Win!β overlay appears.
- The "Play Again" button resets:
- Card states
- Matched count
- Shuffles all cards randomly
| Game Start | Matching Cards |
|---|---|
![]() |
![]() |
(Add your own screenshots in a /assets folder and update links)
- π’ Move counter and timer
- π Sound effects on match/mismatch
- π± Mobile responsiveness
- π¨ Animated card flip effect
This project is open-source and free to use under the MIT License.
Inspired by classic memory card games for web development learning and practice.

