Memory Match is a fun and interactive game designed to test and improve your memory skills. The game is built using modern web technologies and is a great example of interactive web application development.
- React: A JavaScript library for building user interfaces.
- Sass (SCSS): A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
- TypeScript: A strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- HTML & CSS: Standard technologies for building and designing web pages.
The game features a set of cards that players must match based on their names. The game tracks the number of moves and the time taken to match all pairs, offering an option to save these results.
- Game.tsx: Manages the core gameplay logic, including card shuffling, flipping, and matching.
- Results.tsx: Handles the display and saving of the game results.
- Cards are shuffled and laid out face down.
- Players flip two cards at a time to find a matching pair.
- The game tracks the number of moves and the time taken to match all pairs.
- Players can choose to save their score at the end of the game.
This project was developed as an exercise in JavaScript, React, and Sass, aiming to demonstrate proficiency and skill in these technologies.
To run this project locally:
- Clone the repository.
- Install dependencies using
npm install. - Start the development server using
npm start. - Open
http://localhost:3000to view the game in the browser.
Developed with ❤️ by Chris Janiewicz