Skip to content

riskinputra/rock-paper-scissors-react-tailwindcss-typescript

Repository files navigation

Suwit Jepang / Rock, Paper, Scissors

Design preview for the Rock, Paper, Scissors coding challenge

Welcome! 👋

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

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)

Rules

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

Original

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

Bonus

  • 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.

About

This repo is my weekly challange

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages