Project name: 🃏🎮 Memory Card Game

Goal:

Create an accessible, interactive memory game using React.

Features:

🔹 Developed using React + Vite.
🔹 The game supports multiple difficulty levels with different grid sizes.

User Profiles:
🔹 Players can create a profile by entering a name and selecting an avatar.
🔹 No authentication (passwords) is required.
🔹 User data is stored in localStorage, allowing results to be saved.

Score and Ranking System:
🔹 A timer and moves counter are used to track performance.
🔹 The game tracks the best results first based on number of moves and then on time used to finish game.
🔹 A ranking system displays the highest score for each level.

Program flow .excalidraw file

used: React + Vite

@trivago/prettier-plugin-sort-imports prettier
npm install react-router-dom
npm i clsx
npm install framer-motion
npm install prop-types
npm i zustand
npm install react-helmet-async

ToDo:

• Capital letter on Rating Page for level's name
• icons: emoji+cup
• bug with messages at the end of game + new score
• reset Rating + localStorage
• fetch errors
• fix levels order on RatingPage
• loader
• convert images
• meta description
• fonts
• ? project structure