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 Scissor [Vanilla + BEM + SASS] [ 2 days ] [No Advance Mode]

Benevolent 490

@bene-volent

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


  • 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

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