Thanks for checking out this front-end coding challenge.
I made this as a result of the challenges from the Frontend Mentor and to improve my skills.
DEMO: https://suwit-jepang.netlify.app/
The challenge is to build out this Rock, Paper, Scissors game and get it looking as close to the design as possible.
- View the optimal layout for the game depending on their device's screen size
- Play Rock, Paper, Scissors against the computer
- State Management (Redux Tool Kit) (optional)
- Maintain the state of the score after refreshing the browser (optional)
- Play Rock, Paper, Scissors, Lizard, Spock against the computer (optional)
- Multiplayer (optional)
- Top Score (optional)
- PWA (optional)
- Connect firebase (optional)
If the player wins, they gain 1 point. If the computer wins, the player loses one point.
- Paper beats Rock
- Rock beats Scissors
- Scissors beats Paper
- 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.