Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Rock Paper Scissor [Vanilla + BEM + SASS] [ 2 days ] [No Advance Mode]

bem, sass/scss
Benevolent•490
@bene-volent
A solution to the Rock, Paper, Scissors game challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


  • The category of Advanced messed with me.
  • I began the challenge few months ago but did not start it as it looked complexed. But after firm belief in myself, I took up the challenge to do it in Vanilla to make it more challenging. It is not difficult, but it is complex.

  • Notes
  • Used Grid for the layout of buttons
  • Heavy use of animations to make motion fluid (Except some)
  • Use of data attributes to keep a record of game state.
  • Using numbers to represent options [Explained in the js file]
  • Notes for reviewers
  • Dont look at the CSS file. It is a mess. Currently it is not organized.
  • Everything is stitched together to make everything work.
  • I will try to improve the css when I have more experience.

Thank you for watching my project


This one will definitely go on my resume

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Benevolent'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License