Features
- 4×4 grid with 8 emoji pairs (😀😂😍🤔😎🙄😴🤩)
- 3D CSS flip animation on card reveal
- Timer and move counter tracking your performance
- Star rating (1-3 stars) based on move efficiency
- Local high score (best time) saved in localStorage
- 'New Game' button to restart anytime
- Dark theme with orange accent (#ff6b35)
How It Works
Cards are shuffled using Fisher-Yates. Each card click triggers a CSS 3D flip via a rotateY transform. Two flipped cards are compared by their dataset index: if they match, they stay face-up with a green border; if not, they flip back after 800ms. Stars are awarded: ≤12 moves = 3 stars, ≤18 = 2 stars, else 1 star.
Usage
- Open
https://soumendrak.github.io/matching-game/in any browser. - No build step, no installation, no server required.
- Deploy anywhere — GitHub Pages, Netlify, or any static host.
git clone https://github.com/soumendrak/matching-game.git
# Open index.html directlyLicense
Licensed under the MIT License.
Built with ❤️ and zero dependencies