Project Description

the project is a fully responsive game "webApp" of "rock paper scissors lizard rock" That have too modes (regulat mode & monster mode)

• See the live version --> : "https://oussamajadidi.github.io/Advanced-paper-rock-scissor-lizard-spock/"

Technologies that i used

• HTML5
• CSS3 - flexBox - BEM metholodgie - CUBE metholodogie
• JavaScript (ES6++)
• Git
• responsive design

Design inspiration

• First i took the design from FrontEnd Mentor website projects "https://www.frontendmentor.io/challenges/rock-paper-scissors-game-pTgwgvgH"
• Then i add some Futures/ tricks/ animations from me and apply it to the original design that i code

Game rules

If the player wins, they gain 1 point. If the computer wins, the player loses one point.

Regular mode

• Paper beats Rock
• Rock beats Scissors
• Scissors beats Paper

Monster mode

• Scissors beats Paper
• Paper beats Rock
• Rock beats Lizard
• Lizard beats Spock
• Spock beats Scissors
• Scissors beats Lizard
• Paper beats Spock
• Rock beats Scissors
• Lizard beats Paper
• Spock beats Rock

Not sure what Rock, Paper, Scissors, Lizard, Spock is? Check out this clip from The Big Bang Theory.

Screenshots

Desktop screenshots

Mobile screenshots

e99f7b.png)