Skip to content

doe-base/memory-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Memory Game V2

The Memory Game V2 is an enhanced version of the classic card-matching game built using vanilla JavaScript. This update introduces new features, improved gameplay mechanics, and a refined user experience, showcasing advanced modularization and problem-solving abilities.

How to Play

  1. Start the Game: Select a grid size to begin.
  2. Match Cards: Flip two cards at a time. If they match, they stay revealed. If not, they flip back over.
  3. Win Condition: Match all card pairs to win the game.
  4. Reset: Reset the game at any time to start over.

Features

  • Dynamic Grid Sizes: Choose different grid sizes for varying levels of difficulty.
  • Timer: Tracks the time it takes to complete the game.
  • Flip Counter: Records the number of card flips made during the game.
  • Enhanced Visual Design: A more modern and polished interface.
  • Mobile Responsiveness: Optimized for all screen sizes, ensuring a seamless experience on any device.

New Features in V2

  • Multiplayer Mode: Play against friends in real-time to see who can match all pairs first.
  • Node.js Server Integration: The game now includes a Node.js backend for managing multiplayer connections.
  • Socket.io for Real-Time Communication: Ensures smooth and instant updates between players during multiplayer matches.

Technologies Used

  • HTML5: For the structure of the game.
  • CSS3: For improved styling, animations, and responsive design.
  • JavaScript (Vanilla): For the game logic and interactive features.
  • Node.js: Powers the server-side logic to support multiplayer mode.
  • Socket.io: Enables real-time communication for the multiplayer experience.

Setup & Installation

To run the game locally:

  1. Clone the repository.
  2. Navigate to the project public folder.
  3. Install dependencies using npm install.
  4. Run npm install
  5. Run npm run start
  6. Navigate to the project server folder.
  7. Install dependencies using npm install.
  8. Run npm run devStart.

Future Improvements

  • Interactive Card Flipping Animation: Smooth and engaging animations for flipping cards.
  • Adding sound effects for card flips and matches.
  • Introducing a leaderboard to track high scores.
  • Expanding multiplayer features with new game modes.
  • Add Offline multiplayer mode with wifi

This project exemplifies advanced problem-solving and modularization skills while providing an engaging experience for players.