ReactJS: React is a JavaScript library created by Facebook. It is widely used for building dynamic and responsive user interfaces. React works by breaking the UI into reusable components, allowing developers to manage complex interfaces efficiently.
Features of React:
- Component-based architecture.
- Virtual DOM for faster rendering.
- Extensive ecosystem with libraries and tools.
-
Clone the repository to your local machine using:
git clone https://github.com/lohi212/Matching-Card-Game.git
-
Navigate to the project directory:
cd Matching-Card-Game
-
Install the required dependencies using Yarn:
yarn install
-
Start the development server:
yarn start
-
Open your browser and navigate to
http://localhost:3000
.
Goal: Match all the pairs of cards to win the game.
- Flip Cards: Click on any card to flip it and reveal its image.
- Match Pairs: Find and select the matching card from the grid.
- Non-matching Pairs: If the cards don’t match, they will flip back after a brief delay.
- Winning: Once all pairs are matched, you will see a "You Won!" message.
- Try to memorize the positions of flipped cards for better chances of matching pairs quickly.
- Have fun!
Developed with ❤️ using ReactJS.