GithubHelp home page GithubHelp logo

simon-game's Introduction

Build a Simon Game

Objective

Build an app that is functionally similar to this: https://codepen.io/FreeCodeCamp/full/obYBjE

Requirements

  • User Story: I am presented with a random series of button presses.

  • User Story: Each time I input a series of button presses correctly, I see the same series of button presses but with an additional step.

  • User Story: I hear a sound that corresponds to each button both when the series of button presses plays, and when I personally press a button.

  • User Story: If I press the wrong button, I am notified that I have done so, and that series of button presses starts again to remind me of the pattern so I can try again.

  • User Story: I can see how many steps are in the current series of button presses.

  • User Story: If I want to restart, I can hit a button to do so, and the game will return to a single step.

  • User Story: I can play in strict mode where if I get a button press wrong, it notifies me that I have done so, and the game restarts at a new random series of button presses.

  • User Story: I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.

Result

You can view the live version of the app on: https://ajibs.github.io/simon-game/

Notes

This game was built with Vanilla JS

simon-game's People

Contributors

ajibs avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

mintchipchoco

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.