A fun, interactive memory card-matching game built with React and TypeScript. This game challenges players to find matching pairs of cards by flipping them over, aiming to improve memory skills while enjoying an engaging interface.
In this memory game, players attempt to match pairs of cards by flipping them two at a time. If the cards match, they remain flipped; otherwise, they flip back over, and the player tries again. The game ends when all pairs are matched. Each attempt and completion time is tracked to encourage replayability and score improvement.
- React: Frontend library for building user interfaces.
- TypeScript: Provides static typing to enhance code quality and maintainability.
- CSS: Styles the game layout and components.
- Card Flipping Animation: Cards flip smoothly when selected, adding to the user experience.
- Matching Logic: Ensures matched cards stay revealed, while non-matching cards are hidden.
- Score and Move Tracking: Tracks the number of moves or time taken to complete the game.
- Responsive Design: Optimized for both desktop and mobile viewing.
- Open the game and view the cards in their hidden state.
- Click on two cards to reveal their content.
- If the two cards match, they will stay flipped. If they don't match, they will flip back over.
- Continue matching pairs until all cards are flipped, ending the game.