GitHub


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

  1. Open https://soumendrak.github.io/matching-game/ in any browser.
  2. No build step, no installation, no server required.
  3. Deploy anywhere — GitHub Pages, Netlify, or any static host.
git clone https://github.com/soumendrak/matching-game.git
# Open index.html directly

License

Licensed under the MIT License.


Built with ❤️ and zero dependencies

Read the original on github.com ↗