Giter VIP home page Giter VIP logo

ks_rock-paper-scissors-lizard-spock's Introduction

Rock Paper Scissors Lizard Spock

Rock paper scissors lizard spock is fully responsive JavaScript game that is similar to the well-known game rock, paper, scissors but has two extra weapons called lizard and spock! The game is most commonly associated with the US sitcom The Big Bang Theory but it was actually invented by Sam Kass, according to the official website.

Features:

The home page for the game consists of a header with the name of the game at the top. It has two options in the middle container of the page; the first is the Start game option that brings the user to the game and the other option is the Rules section that explains the rules to the user.

The game itself also consists of a header. The game takes place in the centre container on this page. The game is divided into three areas; the score area, the controls area and the details area.

  • The score area is the area that counts the score from 0 to 5 for the user and the PC.
  • The controls area is in the middle of the page and consists of the five buttons that the user chooses from to play the game.
  • The details area displays whether the user or the PC won each individual game.
  • Features Left to Implement:

    I would like to add a feature that allows the user to play against another player online.

    Validator Testing

  • HTML: No errors were returned when passing through the official W3C validator.
  • CSS: No errors were found when passing through the official (Jigsaw) validator
  • Javascript: When I inputted the javascipt to JsJint, there was a couple of missing semi-colons. I corrected these and there was no other errors.
  • Testing:

    I tested the game using Lighthouse to make sure that it performs sufficiently. I also used the inspect tool to make sure that the game is responsive for all devices.

    Deployment

    he site was deployed to GitHub pages. The steps to deploy are:

  • In the GitHub repository, I navigated to the Settings tab.
  • From the source section drop-down menu, select the Main Branch.
  • The live link can be found here - https://sevinkmith.github.io/KS_Rock-Paper-Scissors-Lizard-Spock/

    Credits

  • I used the Code Institute course content for a lot of the issues I was having.
  • I used stack overflow and found it very useful.
  • The icons in the footer were taken from Font Awesome.
  • ks_rock-paper-scissors-lizard-spock's People

    Contributors

    sevinkmith avatar

    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.