/Simon

Simon is a game of short-term memory skill that creates a series of tones and lights, and requires a user to repeat the sequence.

Primary LanguageJavaScript

Simon Game 🎮

Simon is a game of short-term memory skill invented by Ralph H. Baer and Howard J. Morrison. The device creates a series of tones and lights and requires a user to repeat the sequence. If the user succeeds, the series becomes progressively longer and more complex. Once the user fails or the time limit runs out, the game is over.

✔️ This project's goals were:

  1. Learn how to create a game app (My first one!).
  2. Practice timed events with setTimeout and setInterval.
  3. Learn how to add audio to an app.
  4. Learn how to create code sequences/ patterns.
  5. Learn how to manage state better with useState.

Features

  • The Game has 4 colored buttons (Green, Red, Yellow, Blue) that can be pressed by the player.
  • Each button will have their own distinct sound.
  • The player has 4 minutes to complete all 15 levels or they lose.
  • When a button is pressed, the button will light up indicating it is active.
  • After each successful round, the sequence gets more complex.
  • A counter that shows the sequence's length is displayed.
  • The Game has 2 modes:
    • Strict mode: restarts the game whenever the player selects the wrong field in a pattern.
    • Normal mode: repeats the pattern subsequent of the wrong button being pressed. It's the default mode.
  • A popup with the Game's instructions/ rules is added for the users who are not familiar with it.

Dependencies

  • React JS
  • React-Bootstrap
  • SASS

Getting Started

  • Install dependencies with npm i.
  • npm start in front-end folder.

Final Product

App Overview - Simon

Simon.Game.-.App.Overview.mp4