Skip to content

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.

Notifications You must be signed in to change notification settings

doragrishaeva/react-memory-game

Repository files navigation

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
    

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published