Skip to content

Desktop version of the memory game using HTML, CSS, JavaScript and jQuery with GitHub Pages

Notifications You must be signed in to change notification settings

sctlcd/js-simon-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 

Repository files navigation

Simon Game

Let's play!


Table of Contents

  1. About

  2. Technologies Used

  3. Deployment

  4. Credits


About

Desktop version of Simon game.

How to play

  • 1/ Switch to ON. The counter displays 0.
  • 2/ MUTE and STRICT are switched to OFF
  • 3/ Press the START button. Simon will give the first signal (light and sound). Repeat the signal by pressing the same color lens.
  • 4/ Simon will duplicate the 1st signal and add one. Repeat these 2 signals by pressing the same color lenses, in order.
  • 5/ Simon will duplicate these first 2 signals and add 1.
  • 6/ If the player fails to repeat a sequence exactly, Simon responds with an error sound and the counter will display "NO". This means you've failed to repeat the sequence exactly. Simon will then repeat the sequence.
  • 7/ If you success to repeat exactly the sequence of 3 signals, Simon will maintain all color lenses flashed at the same time and the counter will display "WIN". The game ends.

mute button: if selected the game is mute.
strict button: if selected and if the player fails to repeat a sequence exactly the game starts over with a new sequence.

Back to top


Technologies Used

  • GitHub - Used as remote storage of my code online.
  • Atom - Used as a local IDE.
  • Compressjpeg - Used to compress images for loading faster
  • Techsini - Used to generate multi-device website mockup

Back to top


Front-End Technologies
  • HTML - Used as the base for markup text.
  • CSS - Used as the base for cascading styles.
  • JavaScript: Used for user interactions.
  • jQuery: JavaScript library, used to simplify some of the DOM manipulations

Back to top


Deployment

Deployment – Live Website

  1. Create repository in GitHub and give it a relevant name.
  2. Click on your repository to open it.
  3. Find the “settings” tab and click on it.
  4. Scroll down until the “GitHub Pages” sections.
  5. Under the “source” drop down menu, choose a branch. I chose “master branch” and select it.
  6. You will then see a URL to your live webpage. In my case the URL is https://github.com/sctlcd/js-simon-game

Back to top


Deployment – Run Locally

  1. Again, click on the repository called Simon game
  2. Along the top bar, find the “clone or download” button.
  3. Here you have the option to clone by HTTPS or SSH.
  4. Once you have chose your desired option, then click the copy icon next to the URL.
  5. Open Git Bash.
  6. Ensure you are in the correct directory which you want to copy the code into. If not, change the directory.
  7. In the terminal, write $ git clone https://github.com/sctlcd/js-simon-game.git
  8. Press the enter button and your clone will be created.

Back to top


Credits

Media

Sources of the images used on this site:

Back to top


About

Desktop version of the memory game using HTML, CSS, JavaScript and jQuery with GitHub Pages

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published