← Games
🃏
Memory Match
Flip. Match. Repeat. Build the card game everyone's grandma is secretly great at.
🟢 EasyDifficulty
2 hoursTime
Python, JavaScript, TypeScriptLanguages
What you're building
You're building a full memory-matching card game — a grid of face-down emoji cards that flip open with a satisfying 3D animation when clicked. Find two matching cards in a row and they lock in place; miss, and they flip back down. You'll track moves and elapsed time, detect the win, and let players restart instantly. It's the kind of project that looks simple but teaches you real state-management instincts.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- Basic CSS
- A code editor
- A browser
🗺️ Build roadmap
01 Build the card grid
→
02 Shuffle and deal the symbols
→
03 Add the CSS flip animation
→
04 Handle clicking and flipping cards
→
05 Detect matches and mismatches
→
06 Track moves, timer, and win condition
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free