A stunning, feature-rich multiplayer memory matching game built with modern web technologies and beautiful glass morphism design.
- Normal Mode: Classic memory matching gameplay
- Speed Mode: 30-second time limit per turn
- Memory Mode: 3-second peek at all cards before starting
- Challenge Mode: One mistake = skip turn
- Easy: 3x2 grid (6 pairs)
- Medium: 4x3 grid (12 pairs)
- Hard: 5x4 grid (20 pairs)
- Expert: 6x5 grid (30 pairs)
- Mixed (Default)
- Animals 🐶
- Food & Fruits 🍎
- Sports ⚽
- Nature 🌸
- Vehicles 🚗
- Space 🌟
- 1-6 players
- Real-time scoring system
- Turn-based gameplay
- Leaderboard tracking
- Glass Morphism UI: Beautiful frosted glass effects throughout
- Dark/Light Theme: Toggle between themes with smooth transitions
- Responsive Design: Perfect on all devices (desktop, tablet, mobile)
- Smooth Animations: Engaging hover effects and transitions
- Progressive Levels: 8 challenging levels with increasing difficulty
- Ice breaker questions for team building
- Power-ups system (Hints, Shuffle, Freeze Time)
- Local storage for game statistics
- Celebration animations
- Professional developer profile with social links
- HTML5: Semantic markup and structure
- CSS3: Advanced styling with glass morphism, gradients, and animations
- JavaScript (ES6+): Modern JavaScript with async/await, classes, and modules
- Responsive Design: Mobile-first approach with multiple breakpoints
- Local Storage: Persistent game statistics
- SVG Icons: Scalable vector graphics for crisp icons
- Large Screens (1200px+): Full-featured experience
- Medium Screens (1024px+): Optimized layout
- iPad/Tablet (768px-1024px): Touch-optimized interface
- Landscape/Portrait: Adaptive layouts
- Large Phones (480px-768px): Mobile-optimized experience
- Small Phones (360px-480px): Compact layout
- Extra Small (< 360px): Minimal but functional design
- Setup Players: Add 1-6 players with custom names
- Choose Settings: Select theme, difficulty, and game mode
- Start Game: Click cards to find matching pairs
- Take Turns: Players alternate turns (except when making matches)
- Answer Questions: Ice breaker questions appear with each match
- Complete Levels: Progress through 8 challenging levels
- Use Power-ups: Strategic hints, shuffles, and time freezes
- Normal Mode: 10 points per match
- Speed Mode: 15 points per match (with time pressure)
- Memory Mode: 20 points per match (after memory challenge)
- Challenge Mode: 25 points per match (with mistake penalties)
- Frosted glass effects with backdrop blur
- Subtle transparency and depth
- Modern, professional appearance
- Consistent visual hierarchy
- Mobile-first approach
- Flexible grid systems
- Touch-friendly interactions
- Optimized for all screen sizes
- High contrast ratios
- Readable font sizes
- Touch-friendly button sizes
- Keyboard navigation support
- Clone/Download: Get the HTML file
- Open in Browser: No server required - runs locally
- Modern Browser: Chrome, Firefox, Safari, Edge (latest versions)
- No Dependencies: Pure HTML/CSS/JavaScript
- Optimized Animations: Smooth 60fps animations
- Efficient DOM Updates: Minimal reflows and repaints
- Local Storage: Fast data persistence
- Responsive Images: Optimized for all screen densities
- Lazy Loading: Efficient resource management
Salah Uddin Kader
- 🚀 Full Stack Web Developer
- 💻 Frontend Specialist
- ⚙️ Backend Developer
- GitHub: @salahuddingfx
- LinkedIn: salahuddingfx
- Email: salauddinkaderappy@gmail.com
- Facebook: salahuddingfx
- Instagram: @salahuddingfx
This project is open source and available under the MIT License.
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Give a ⭐️ if this project helped you or if you enjoyed playing Memory Master!
Built with ❤️ by Salah Uddin Kader