A classic memory/click game implemented with React and Vite. The objective is to click on each Pokémon card exactly once per round. If you click a Pokémon you've already clicked in the current round, you lose. The cards are shuffled after every successful click to test your memory!
Experience the game live here:
The application includes the following features and gameplay mechanics:
- Multiple Difficulty Modes: Choose between Easy, Medium, and Hard modes, which adjust the total number of rounds and the number of cards displayed in the playground.
- Easy Mode: 5 rounds, 3 cards per round.
- Medium Mode: 7 rounds, 4 cards per round.
- Hard Mode: 10 rounds, 5 cards per round.
- Clean Animation: Uses
framer-motionfor smooth page transitions and responsive animations.
To run this project locally, follow these steps:
-
Clone the repository:
git clone <repository-url> cd memory-card
-
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn devThe application will be available at
http://localhost:5173(or the port specified by Vite). -
Build for production:
npm run build # or yarn buildThis command will generate the production-ready files in the
distdirectory.