Skip to content

This is a simple memory game built with HTML, CSS, and JavaScript. The objective is to match pairs of cards by flipping them over and remembering their positions.

Notifications You must be signed in to change notification settings

papercri/memory-game

Repository files navigation

Memory Game

This is a simple memory game built with HTML, CSS, and JavaScript. The objective is to match pairs of cards by flipping them over and remembering their positions.

🔗 Play the game: Memory Game

🎮 How to Play

  1. Start the Game: Open the file in your browser to begin.
  2. Flip Cards: Click on any card to reveal its hidden symbol.
  3. Find Matches: Click on another card to find its matching pair.
    • If the cards match, they will remain face-up.
    • If they don't match, they will flip back over after a short delay.
  4. Win the Game: Continue matching pairs until all cards are face-up.

✨ Features

  • Interactive Gameplay: Smooth animations and transitions for an engaging user experience.
  • Responsive Design: Adapts to different screen sizes using Tailwind CSS.
  • Simple & Lightweight: No external dependencies beyond Tailwind CSS.

🛠️ Technologies Used

  • HTML
  • CSS (Tailwind CSS)
  • JavaScript

🚀 Installation

To run the game locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/papercri/memory-game.git
  2. Navigate to the project directory:

    cd memory-game
  3. Install dependencies (if applicable):

    npm install
  4. Build the CSS:

    npx tailwindcss -i ./input.css -o ./output.css --watch
  5. Run the game: Open index.html in your browser.

About

This is a simple memory game built with HTML, CSS, and JavaScript. The objective is to match pairs of cards by flipping them over and remembering their positions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published