Memory Match Demo
Play a 2-player memory matching game built entirely with Xote
About This Demo
This Memory Match game demonstrates advanced reactive patterns:
- Turn-Based Gameplay - 2-player competition with automatic turn switching
- Progressive Difficulty - 10 levels from 4 cards to 30 cards
- Score Tracking - Real-time score updates for both players
- Timed Animations - Delayed card flipping for better UX
- Game State Management - Playing, level complete, and game won states
- Responsive Layout - Adaptive grid system based on card count
The game uses signals to manage all game state including cards, scores, and current player. Computed attributes handle dynamic styling based on card states. The card matching logic uses setTimeout for animations while maintaining reactive updates throughout the game.
Game Features
- 30 Unique Symbols - Beautiful emoji icons for cards
- Smart Shuffling - Cards are randomized at the start of each level
- Match Detection - Automatic matching with visual feedback
- Win Conditions - Complete all 10 levels to win the game
- Player Indicators - Clear visual feedback for whose turn it is