Skip to content
Submitted over 1 year ago

Rock Paper Scissors

#react#sass/scss#typescript#vite#animation
Brendan•1,120
@OneManBanned
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Rock, Paper, Scissors game
  • HTML
  • CSS
  • JS
4advanced

Design comparison

SolutionDesign

Solution retrospective

I used React-Transition-Group to implement the animations. It took me quite sometime to fix a deprecation issue, but I'm happy with the final result.

I may try and add aria-live to the result div and the game-container. To alert screen readers to changes in state at a later date.

Any feedback is welcome. I would be interested in knowing how it looks on different devices. So if you use a large monitor or phone/tablet let me know how it looks.

Brendan.

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Brendan's solution.

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