Skip to content

Sathish292004/Memory-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

20 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿง  Vault-Tec Memory Game


๐ŸŽฎ Live Demo

๐Ÿ”— https://memory-game-gamma-dusky-41.vercel.app/


๐Ÿ“– Overview

Vault-Tec Memory Game is a browser-based card matching game where players test their memory skills by finding matching pairs of cards before time runs out.

The game includes multiple difficulty levels, score tracking, leaderboards, hints, move limits, and a themed Vault-Tec interface inspired by the Fallout universe.


โœจ Features

  • ๐ŸŽฏ Multiple Difficulty Levels

    • Easy
    • Medium
    • Hard
  • โฑ๏ธ Countdown Timer

  • โญ Star Rating System

  • ๐Ÿ’ก Hint System

  • โธ๏ธ Pause & Resume Gameplay

  • ๐Ÿ”„ Restart Game

  • ๐Ÿ† High Score Tracking

  • ๐Ÿ“Š Leaderboard System

  • ๐Ÿ“ค Export & Share Scores

  • ๐ŸŒ™ Dark / Light Theme

  • ๐ŸŽ‰ Win & Lose Modals

  • ๐Ÿ“ฑ Responsive Design


๐ŸŽฎ Game Rules

  1. Flip two cards at a time.
  2. Match identical card pairs.
  3. Complete all pairs before the timer expires.
  4. Use fewer moves to earn more stars.
  5. Challenge yourself with higher difficulty levels.

๐Ÿ› ๏ธ Technologies Used

Frontend

  • HTML5
  • CSS3
  • JavaScript (ES6)

Storage

  • Local Storage
  • Browser APIs

Deployment

  • Vercel

๐Ÿ“‚ Project Structure

Memory-Game
โ”‚
โ”œโ”€โ”€ index.html
โ”œโ”€โ”€ img
โ”‚
โ”œโ”€โ”€ src
โ”‚   โ”œโ”€โ”€ css
โ”‚   โ”‚   โ”œโ”€โ”€ styles.css
โ”‚   โ”‚   โ”œโ”€โ”€ buttons.css
โ”‚   โ”‚   โ””โ”€โ”€ theme-toggle.css
โ”‚   โ”‚
โ”‚   โ””โ”€โ”€ js
โ”‚       โ”œโ”€โ”€ app.js
โ”‚       โ””โ”€โ”€ theme.js
โ”‚
โ””โ”€โ”€ demo

๐Ÿš€ Installation

Clone Repository

git clone https://github.com/Sathish292004/Memory-Game.git

Open Project

Simply open:

index.html

or run using VS Code Live Server.


๐ŸŒ Deployment

The project is deployed on Vercel.

๐Ÿ”— Live Demo: https://memory-game-v17m-pd0ettf2n-sks-projects-df082d85.vercel.app/


๐ŸŽฏ Learning Outcomes

This project helped me learn:

โœ… DOM Manipulation

โœ… JavaScript Game Logic

โœ… Event Handling

โœ… Timer Management

โœ… Local Storage

โœ… Responsive Design

โœ… Theme Switching

โœ… Leaderboard Implementation

โœ… UI/UX Design


๐Ÿ“ธ Screenshots

Game Dashboard

Memory Game


๐Ÿ”ฎ Future Improvements

  • Online Multiplayer Mode
  • User Authentication
  • Global Leaderboards
  • Sound Effects
  • Additional Themes
  • Achievement System

๐Ÿ‘จโ€๐Ÿ’ป Author

Sathish Kumar B

Frontend & Java Developer

๐Ÿ”— GitHub: https://github.com/Sathish292004


โญ If you enjoyed this project, consider giving it a star!

About

๐ŸŽฎ Built a responsive Meme Generator using React.js and Vite that allows users to create custom memes with real-time text editing and instant preview.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors