This project is a modern, responsive Simon Game Clone built using ReactJS. Challenge your memory and reflexes in this interactive and visually appealing recreation of the classic Simon memory game. Featuring smooth animations, high-score tracking with localStorage, and dynamic gameplay, this game delivers an engaging experience for players of all ages.
- Built with ReactJS: Modular and scalable structure for easy development and maintenance.
- High Score Tracking: Keeps track of the highest score using localStorage.
- Interactive UI: Smooth animations and custom sound effects for a better user experience.
- Responsive Design: Fully optimized for desktop and mobile devices.
- Dynamic Gameplay: Randomized patterns increase the challenge as you progress through levels.
- ReactJS
- HTML5
- CSS3
- JavaScript (ES6+)
- LocalStorage API
- Click the "Go" button to start the game.
- Watch the pattern of colors that light up.
- Repeat the pattern by clicking the corresponding buttons.
- Continue playing as the pattern grows longer with each level.
- The game ends when you click the wrong button.
Make sure you have the following installed:
- Node.js (v14 or later)
- npm or yarn
-
Clone the repository:
git clone https://github.com/drawliin/Simon-Brain-Game.git cd Simon-Brain-Game -
Install dependencies:
npm install #or yarn install -
Start the development server:
npm run dev # or yarn dev -
Open your browser and navigate to http://localhost:3000 to play the game.
Contributions are welcome! Follow these steps to contribute:
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name. - Commit your changes:
git commit -m "Add some feature". - Push to the branch:
git push origin feature-name. - Submit a pull request.
Simon Game, ReactJS Game, Memory Game, JavaScript Game, Responsive Game, LocalStorage, Interactive UI, Game Development, Simon Clone
For any questions or suggestions, feel free to reach out:
- Email: itshoussameddine@gmail.com
- GitHub: drawliin