🎮 Simon Game

🧠 Test your memory. Follow the pattern. Beat your high score!

A fun and interactive Simon Game built using HTML, Core CSS, and JavaScript. The game challenges players to remember and repeat an increasingly complex sequence of flashing buttons.

✨ Designed with an animated dynamic background, interactive button effects, and action-based sound effects to create an engaging gaming experience.

---

🚀 Live Demo

🔗 Play Simon Game

---

📸 Project Preview

desktop view

mobile view

---

✨ Features

🎯 Classic Simon Gameplay Follow the generated sequence and repeat it correctly.

🌈 Animated Dynamic Background A visually engaging animated background creates a lively gaming atmosphere.

💡 Interactive Flashing Buttons Buttons provide visual feedback with smooth flash-up animations whenever an action occurs.

🔊 Action-Based Sound Effects Different sounds enhance the gaming experience:

• 🎮 Button click sound
• 🚀 Level-up sound
• 💥 Game-over sound
• 🎵 Game-start sound

📈 Progressive Difficulty The sequence becomes longer as the player successfully completes each level.

🏆 Score & Level Tracking Keep track of your current progress and try to achieve a higher score.

⚡ Instant Visual Feedback Animations and sounds make every player action immediately noticeable.

📱 Responsive Design The game interface adapts to different screen sizes and devices.

---

🛠️ Technologies Used

🔧 Core Technologies

Technology	Purpose
🧱 HTML5	Game structure and UI elements
🎨 Core CSS	Styling, animations, responsiveness and visual effects
⚡ JavaScript	Game logic, sequence generation, user interaction and sound control

---

🎮 How to Play

1️⃣ Start the Game

Press any key to start the game.

2️⃣ Watch the Pattern 👀

The game will flash a button and play its corresponding sound.

3️⃣ Repeat the Pattern 🧠

Click the buttons in the exact same order.

4️⃣ Level Up 🚀

If your sequence is correct, the game moves to the next level and adds another button to the pattern.

5️⃣ Game Over 💥

Make a mistake and the game ends.

Your score and game-over message will be displayed.

🏆 Challenge

Try to remember the longest sequence possible and beat your previous score!

---

⚙️ Game Logic

The game is powered by JavaScript and follows a simple sequence-based system:

Start Game
    ↓
Generate Random Button
    ↓
Flash Button + Play Sound
    ↓
Player Repeats Sequence
    ↓
       ┌───────────────┐
       │ Correct Input │
       └───────┬───────┘
               ↓
          Increase Level
               ↓
      Add New Button
               ↓
        Repeat Pattern
               
       ┌───────────────┐
       │ Wrong Input   │
       └───────┬───────┘
               ↓
           Game Over
               ↓
        Display Score

---

📂 Project Structure

Simon-Game/
│
├── 📄 index.html
├── 🎨 style.css
├── ⚡ app.js
│
├── 📁 assets/
    ├── desktop.jpg
    ├── mobile.jpg
|
├── 📁 sounds/
│   ├── 🔊 gamestart.mp3
│   ├── 🔊 gameover.mp3
│   ├── 🔊 levelup.mp3
│   └── 🔊 buttonselect.mp3
│
└── 📄 README.md

---

🖥️ Run Locally

1️⃣ Clone the repository

git clone https://github.com/saif_08/simonSay-game.git

2️⃣ Open the project

cd simon-game

3️⃣ Run the game

Open index.html directly in your browser.

Or use VS Code Live Server for a better development experience.

---

🧠 Key Concepts Practiced

Through this project, the following web-development concepts were practiced:

• DOM Manipulation
• JavaScript Event Handling
• Arrays & Randomization
• Game State Management
• Conditional Logic
• Functions
• Timers & Delays
• Audio Handling
• CSS Animations
• CSS Transitions
• Responsive Design
• User Interaction
• Dynamic UI Updates

---

🔮 Future Improvements

Some features that could be added in the future:

• 🏆 Persistent High Score
• 🎚️ Multiple Difficulty Modes
• ⏱️ Speed-based challenges
• 🌙 Theme selector

---

📌 Project Goals

The main goal of this project was to combine JavaScript game logic with modern interactive UI effects to create a fun browser-based gaming experience.

💡 Build. Play. Improve. Repeat.

---

👨‍💻 Author

MD SAIF

---

⭐ Show Your Support

If you enjoyed this project, don't forget to show your support! ❤️

⭐ Star the repository    🍴 Fork the project    🐛 Report an issue    💡 Suggest an improvement

Every bit of support is appreciated! ❤️

---