Skip to content

garimaakashyap/-Garima-s-Simon-Says-Memory-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Garima's Simon Says Memory Game


A vibrant, browser-based memory game inspired by the iconic "Simon Says". This game challenges players to recall and replicate an ever-growing sequence of flashing colored buttons. As the game progresses, it gets increasingly difficult — pushing your memory to its limits!


Built using pure HTML, CSS, and JavaScript, this project is a great example of clean UI, interactive logic, and engaging front-end development. Whether you're here to play or peek under the hood, welcome!


✨ Live Demo 👉 Play the Game (https://garimaakashyap.github.io/GAME/)


🎯 Objective The goal is simple: Watch, remember, and repeat the color sequence that flashes on screen. With each level, the sequence grows longer, testing how well you can keep up!


🕹️ Gameplay Instructions

Start the Game

Press any key on your keyboard to begin.

Memorize the Sequence

A random color button will flash.

With each level, one new color is added to the sequence.

Repeat the Pattern

Click on the buttons in the exact order they flashed.

Game Over

Make a wrong move, and the game ends with a flash and sound effect.

Your current level will be displayed.

Restart

Press any key again to restart from level 1 and try to beat your previous score!


💡 Features & Highlights ✅ Fully Responsive: Works on desktops, tablets, and mobile browsers.

✅ Animated Feedback: Buttons flash and play sounds for each interaction.

✅ Level Display: Clearly shows current level to track your progress.

✅ Error Handling: Visual + audio feedback when the player makes a mistake.

✅ Minimalist Design: Clean layout that keeps focus on the game.

✅ Pure Frontend: No frameworks or libraries — just HTML, CSS, and vanilla JS.


📁 Project Folder Structure

📦 Simon-Says-Game/ ├── 📄 index.html # Main structure of the game (HTML5) ├── 🎨 game.css # Styling and layout (CSS3) └── 🧠 game.js # Interactive game logic (JavaScript)


🛠️ Tech Stack

Frontend: HTML5, CSS3, JavaScript (ES6)

Animations: CSS transitions, JavaScript event handling

Tools Used: VS Code, Git, GitHub


📈 Learning Outcomes

This project helped develop and reinforce the following skills:

DOM manipulation

Event listeners and callbacks

Responsive web design

Game logic and state management

UX design and audio-visual feedback

It’s also a great example of how to build simple games with no external libraries — keeping the project lightweight and educational.


👩‍💻 Author

Garima Frontend Developer | Tech Enthusiast | Gamer at heart 📫 Connect with me on LinkedIn *(https://www.linkedin.com/in/garima-kashyap-75b1202b8/)

About

A vibrant, browser-based memory game inspired by the iconic "Simon Says". This game challenges players to recall and replicate an ever-growing sequence of flashing colored buttons. As the game progresses, it gets increasingly difficult — pushing your memory to its limits. Built with HTML, CSS & JavaScript — test your memory lev

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors