Skip to content

Latest commit

 

History

History
56 lines (37 loc) · 1.53 KB

README.md

File metadata and controls

56 lines (37 loc) · 1.53 KB

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.