/react-memory-game

This repository hosts the source code for a dynamic Memory Game 🧠, a web-based card matching game designed to test and improve memory skills. Featuring multiple levels and themes, the game offers a customizable and responsive experience across all devices, built with React, Vite, Tailwind CSS, TypeScript, and MobX.

Primary LanguageTypeScript

Welcome to the Memory Game repository! This interactive game is designed to test and improve your memory by challenging you to match pairs of cards with identical images. With its responsive design, the game offers a seamless and engaging experience across a wide range of devices, from large desktop screens to mobile phones and tablets.

Features 🌟

  • Multiple Levels: Choose from 5 different levels of difficulty to test your memory.
  • Themes: Personalize your gameplay experience with 5 selectable themes.
  • Best Results: Keep track of your progress with a leaderboard that displays your top scores.
  • Customizable Settings: Adjust the game settings to your liking, including levels and themes.
  • Local Storage: Your game progress, settings, and high scores are preserved using local storage.

Technologies Used 💻

This project is built with:

  • 🪄 React
  • ⚡️ Vite
  • 🎨 Tailwind CSS
  • 📘 TypeScript
  • 🧲 MobX

Getting Started 🚀

Follow these simple steps to get a local copy up and running.

Installation 🚀

Follow these steps to set up a local copy of the Memory Game:

  1. Clone the repository

    First, clone the repository to your local machine using the following command:

    git clone https://github.com/doragrishaeva/react-memory-game.git
    
  2. Install dependencies

    Navigate into the project directory and install the necessary dependencies:

    cd react-memory-game
    npm install
    
  3. Run the development server

    Start the development server to run the game locally:

    npm run dev