Skip to content

Latest commit

 

History

History
46 lines (33 loc) · 2.18 KB

File metadata and controls

46 lines (33 loc) · 2.18 KB

Dear Community,

Ready to slow down and let your mind wander? 🍃✨

We're delighted to share Memory Card Game — a beautifully crafted photographic memory game designed for a calmer kind of play. Explore stunning nature photography, find matching pairs, and improve your personal best, all at your own gentle pace.

Wander. Remember. Repeat.

🎁 WHAT'S INSIDE:

🃏 Photo Matching — Flip and pair real nature photographs 🎨 Three Card Colors — Forest, Ocean & Plum palettes to suit your mood 📊 Three Difficulty Levels — Easy (8 pairs), Medium (12), Hard (18) ⏱️ Live Timer & Scoring — Track your moves, time & points with efficiency and speed bonuses 💡 Hint System — Up to 3 gentle hints when you need a little peek ⏸️ Pause & Resume — Take a breather; your timer waits for you 🏆 Personal Bests — Top scores saved per difficulty, right on your device 📷 Real Photography — A curated nature collection via Unsplash

🖥️ TECHNICAL HIGHLIGHTS:

✓ Pure HTML/CSS/JavaScript — Zero dependencies ✓ CSS 3D card flip animations with perspective transforms ✓ Elegant custom dialogs — no jarring native popups ✓ LocalStorage persistence — game state, high scores & theme saved ✓ Fully responsive — desktop, tablet & mobile optimized ✓ Graceful degradation — named cards stay playable if images can't load ✓ Smooth cubic-bezier transitions & keyframe animations ✓ Thoughtfully accessible — keyboard navigation, ARIA live regions & reduced-motion support

🎯 PERFECT FOR:

• A mindful minute during a busy workday • Testing & improving short-term memory • A quiet, screen-friendly moment of focus • Sharing with kids for calm, educational play • Frontend development inspiration & learning • Demonstrating modern CSS animation techniques

🔗 Play it here: https://memorycardgame.github.io

Less scrolling. More noticing. Take your time — every little detail counts. 🌿

How high can you score on the Hard level? Share your personal bests in the comments! 👇

#WebDevelopment #JavaScript #CSS3 #HTML5 #GameDev #FrontendDevelopment #BrainTraining #MemoryGame #InteractiveWeb #CodingProjects #WebDesign #OpenSource #Mindfulness