An interactive and customizable Memory Game built with React. This project was inspired by the “React JS Interview Questions (Memory Game)” tutorial by RoadsideCoder.
- Dynamic Grid Size: Users can select board dimensions ranging from 2x2 to 10x10.
- Randomized Gameplay: Cards are shuffled to provide a unique experience in every session.
- Interactive Mechanics: Flip cards, match pairs, and solve the puzzle with smooth animations.
- Responsive Design: Built using Tailwind CSS for a seamless experience across devices.
- React: For building the interactive user interface.
- JavaScript: Core logic for game functionality.
- Tailwind CSS: Styling the application with a responsive and modern design.
- Select the grid size by entering a number between 2 and 6 in the input field.
- Click the Play button to shuffle the cards and start the game.
- Flip the cards by clicking on them to reveal the numbers.
- Match pairs of cards with the same number to solve the puzzle.
- Continue until all pairs are matched to win the game!
This project helped me develop and improve skills in:
- React Hooks: Managing component state efficiently using
useState. - Frontend Development: Understanding functional components.
This project was inspired by the tutorial “React JS Interview Questions (Memory Game)” by RoadsideCoder.
Happy Coding! 😊