Submitted over 2 years ago

Rock Paper Scissors

react, sass/scss, typescript, vite, animation

LVL 4

Brendan•1,120

@OneManBanned

A solution to the Rock, Paper, Scissors game challenge

Preview Code

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.

Code

Please log in to post a comment

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