Memory Game

A classic memory card matching game built with SvelteKit and modern web technologies.

Demo

Live Demo: Memory Game

Game Rules

Objective: Match all pairs of cards in the fewest moves possible.

How to Play:

1. Choose your game settings:
   • Theme: Numbers or Icons
   • Players: 1-4 players
   • Grid Size: 4x4 or 6x6
2. Click "Start Game" to begin
3. Click on cards to flip them over
4. Try to find matching pairs
5. When you find a match, those cards stay face up
6. Continue until all pairs are matched
7. The player with the most matches wins (multiplayer)

Scoring:

• Single Player: Complete the game in the fewest moves
• Multiplayer: Player with the most pairs wins

Technology Stack

• Framework: SvelteKit
• Language: TypeScript
• Styling: Tailwind CSS - Utility-first CSS framework
• State Management: Svelte Stores - Reactive state management
• Build Tool: Vite - Fast build tool and dev server
• Testing: Vitest - Unit testing framework
• Linting: ESLint + Prettier - Code quality and formatting

Development

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

Available Scripts

npm run dev         # Start development server
npm run build      # Build for production
npm run preview    # Preview production build
npm run test       # Run tests
npm run lint       # Check code quality
npm run format     # Format code

Acknowledgments

• Project inspired by Frontend Mentor's Memory Game Challenge
• Icons provided by FontAwesome