Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React.js + Redux + TypeScript | Rock Paper Scissors Lizard Spock Game

Better5afe 850

@better5afe

Desktop design screenshot for the Rock, Paper, Scissors game coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi All,

Hope you're well.

To sum everything up:

  • Users can choose the difficulty level - standard (Rock/Paper/Scissors) or advanced (Rock/Paper/Scissors/Lizard/Spock).
  • Based on the selected difficulty, users will see a different game board.
  • From the main game board screen, users can go back to the selection screen to choose a different difficulty level.
  • By clicking on the 'Rules' button, users can open a modal with simple rules explanation according to the selected difficulty level.
  • Once the user clicks on one of the game buttons, they are forwarded to a result screen where they wait for the computer to select their figure.
  • There can be 3 possible results: draw, win or loss.
  • Score is updated accordingly for each difficulty level and is stored within the local storage.

As always, I'd be grateful for any feedback.

Thanks & Happy Coding 🎃

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord