Memory-Card-Game Tailwind Templates

Memory Card Game

The Memory Card Matching Game is a fun and interactive web-based game designed to test your memory and concentration. Built using React and Tailwind CSS, it challenges players to match pairs of cards by flipping them over. The game is perfect for casual entertainment and improving cognitive skills.

🍎 Memory Card Game 🎮

This is a Memory Card Matching Game built with React and Tailwind CSS. The game challenges players to match pairs of cards by flipping them over. Upon successfully matching all pairs, a confetti celebration appears along with a "Play Again" button to restart the game.

🎮 Features

Win Celebration: Confetti animation and congratulatory message when the game is won.

Play Again: A button to restart the game with a fresh shuffle of cards.

Responsive Design: Works seamlessly on both desktop and mobile devices.

Randomized Cards: Cards are shuffled each time you start the game.

🚀 Technologies Used

React: For building the user interface.

Tailwind CSS: For fast and responsive styling.

React Confetti: For the confetti celebration effect.

JavaScript: For handling game logic.

🛠️ Setup Instructions

To run the project locally, follow these steps:

1. Clone the repository:

https://github.com/adrijacodes/Memory-Card-Game.git cd memory-card-game

2. Install dependencies:
Ensure that you have Node.js and npm installed. Then run:

npm install

3. Start the development server:

npm start

The app will run locally at: arduino Copy code http://localhost:3000

Top categories

Loading Svelte Themes