grgmausham / pp2 Goto Github PK

Welcome to Rock Paper Scissor!!

This app is a simple yet fun classic game Rock Paper Scissors

The app is very simple to understand rock beats scissors, scissors beats paper and paper beats rock.

Reset score button feature is also provided if user wants to start with new streak.

HTML5, CSS, JavaScript

• Code Structure

  • Assets Folder -css folder -images folder -javascript folder
  • Readme File
  • Html file

• Design

  • Colour Scheme
  • Background Colours
  • Button Colours

• Features

  • Three choices button
  • Textarea for score and result
  • Reset button

• Testing

  • Validator Testing

    • HTML Validator. No errors found.
    • CSS validator. No errors found.
    • JSHint. 17 Warining.

  • Lighthouse Testing(Desktop) lighthouse

  • Lighthouse Testing(Mobile) Lighthouse

  • Unfixed Bugs None

• Deployment

• Credits

• Code Institute for project idea.
• With some help of ChatGPT
• Icons from Font Awesome

• A very simple game to enjoy.

I decided to use shade of white color for background as they are not too bright which helps user to focus in game without getting distracted and could help keep the user engaged. The buttons uses the white color to overlay, and have a shadow effect.

• color1: #f0f0f0
• color2: #fff
• color3: rgba(0, 0, 0, 0.2)

• This app has ony 1 views of home page.
• Three button with accurate potray of each choices.
• Reset button

The landing page is an easy to use page. Minimal information keeping it clear for the user to navigate.

• Lighthouse Testing, the following shows the results from lighthouse testing the home page.

Desktop Testing.

Mobile Testing.

• As of now there are no detectable bugs.

As of yet, I have not found any further bugs which still need fixing.

The site is deployed using GitHub Pages - Rock Paper Scissors.