Rock, Paper, Scissors

A single-page web app for the popular game (with some new rules added!)

desktop size preview
laptop size preview
tablet size preview
mobile size preview


  • Responsive layout to fit all device sizes
  • Hover states for all interactive elements
  • When the user clicks on a symbol, the house (computer) pick is revealed, and the winner is declared
  • When the rules button is clicked, a rules modal appears on screen
  • When the 'lizard & spock' checkbox is checked, two new icons (lizard and spock) are added to the game, along with an updated rules modal
  • The scoreboard shows the current score and is updated after each game (adding 1 when the user wins, subtracting 1 when the user loses)

Tech Stack

  • Next.js/React Framework
  • SCSS Styling