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
- Start the Game: Open the file in your browser to begin.
- Flip Cards: Click on any card to reveal its hidden symbol.
- 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.
- Win the Game: Continue matching pairs until all cards are face-up.
- 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.
- HTML
- CSS (Tailwind CSS)
- JavaScript
To run the game locally, follow these steps:
-
Clone the repository:
git clone https://github.com/papercri/memory-game.git
-
Navigate to the project directory:
cd memory-game
-
Install dependencies (if applicable):
npm install
-
Build the CSS:
npx tailwindcss -i ./input.css -o ./output.css --watch
-
Run the game: Open
index.html
in your browser.