https://github.com/charanteja-7/simon-game
Welcome to the Simon Game! This is a web-based implementation of the classic memory game, where players must replicate the sequences generated by the computer. The game increases in difficulty with each level as the sequences grow longer.
https://github.com/charanteja-7/simon-game
css3 githubpages html5 javascript
Last synced: 3 months ago
JSON representation
Welcome to the Simon Game! This is a web-based implementation of the classic memory game, where players must replicate the sequences generated by the computer. The game increases in difficulty with each level as the sequences grow longer.
- Host: GitHub
- URL: https://github.com/charanteja-7/simon-game
- Owner: charanteja-7
- Created: 2024-09-08T18:12:02.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-22T11:57:36.000Z (9 months ago)
- Last Synced: 2025-01-19T20:17:42.888Z (5 months ago)
- Topics: css3, githubpages, html5, javascript
- Language: JavaScript
- Homepage:
- Size: 275 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simon Game
Welcome to the **Simon Game**! This is a web-based implementation of the classic memory game, where players must replicate the sequences generated by the computer. The game increases in difficulty with each level as the sequences grow longer.
## Table of Contents
- [Demo](#demo)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [How to Play](#how-to-play)
- [Installation](#installation)
- [Project Structure](#project-structure)
## Demo
You can try the live demo of the game here: **https://charanteja-7.github.io/Simon-Game/**
## Features
- **Dynamic game sequences**: The computer generates sequences that get progressively longer with each level.
- **Interactive user experience**: Players interact by clicking the correct sequence of colored boxes.
- **Audio effects**: Each box has a distinct sound.
- **Error feedback**: Players receive immediate feedback if they click the wrong sequence.
- **Game Over screen**: A `Game Over` message is displayed when the player loses, and the game can be restarted easily.
## Technologies Used
- **HTML5**
- **CSS3**
- **JavaScript**
- **GitHub Pages**
## How to Play
1. Click the **Start** button to begin the game.
2. Watch the sequence generated by the computer.
3. Repeat the sequence by clicking the correct colored boxes in order.
4. If you repeat the sequence correctly, you advance to the next level, where the sequence gets longer.
5. If you make a mistake, the game ends, and a `Game Over` screen will appear.
## Installation
To run this game locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/charanteja-7/Simon-Game.git
```
2. **Navigate to the project directory**:
```bash
cd Simon-Game
```
3. **Open the game in your browser**:
Open `index.html` in any web browser:
```bash
open index.html
```
### Optional: Serving with a local server
For a more advanced setup, you can serve the game with a local development server (e.g., using `live-server` or `http-server`).
```bash
npm install -g live-server
live-server
```
## Project Structure
```plaintext
.
├── audio # Game sounds (Simon sound effects and feedback)
├── style.css # Custom styles
│
├── script.js # Main game logic
│
├── index.html # Main HTML file
└── README.md # This file
```