rockPaperScissorsLizardSpockTheGame

Repository: https://github.com/RadoslawMikus/rockPaperScissorsLizardSpockTheGame

Live Demo: https://radoslawmikus.github.io/rockPaperScissorsLizardSpockTheGame/

The Big Bang Theory version of Rock, Paper, Scissors

🏆   Points Area

• Display player's and AI's points,
• Update result after every decision,
• Set timer after first interaction

❔   How to Play

• Display modal with instruction after clicking a button,
• Write very complicated instruction,
• Include YouTube video of Sheldon's explaining the game,
• On small screens change flex-direction to column,
• On small screens change "How to play" to "Rules"

🎮   Player's Decision

• Display all options (rock, paper, scissors, lizard and spock),
• Change the background-color on hover,
• Leave the background-color changed after click,
• After clicking another option, reset previous clicked,
• Click the green button to make a decision,
• After making a decision set bg-color to green (win), red (lose), yellow (tie),
• After making a decision, block all options for a moment

🖥   AI Decision

• Show The Big Bang Theory logo waiting for a decision,
• Draw Sheldon's decision,
• Display AI's decision,
• Set background-color to green (win), red (lose), yellow (tie),
• Reset AI decision after few seconds

🥇   Final Results

• Show who won the game,
• Draw and show random Sheldon's winning/losing quote,
• Show the duration of the game,
• Draw and display Sheldon's winning/losing photo on bigger screens,
• Click X to close the modal and see last status,
• Click Play Again to try to beat Sheldon this time

⚙️   Others

• Display who won after every decision,
• Click blue button to reset the game,
• Code counting time of the game,
• Pop Sheldon from out of the screen after some time,
• Style the game with SCSS,
• Make it responsive