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

Rock, Paper, Scissors game

#animation#framer-motion#react#typescript#vite
Amos 470

@fistty

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


  • 💡 Saves user score in localStorage to persist the score on reload
  • 💡 User can reset score to 0
  • 💡 Computer pick is made random with window.crypto.getRandomValues() ensuring true randomness
  • 💡 Framer motion
  • 💡 CSS animations
  • 💡 Responsive design (Mobile-first)

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