Skip to content
Submitted almost 2 years ago

A RESPONSIVE GAME PAGE WITH SIMPLE ANIMATIONS AND SOUND EFFECTS

Michael Mushrush•250
@FloratobyDev
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

This one was fun to implement. It was a bit of a slow start trying to figure out how to implement it with ReactJS but everything went pretty smoothly after that.

  • Responsive for mobile and desktop.
  • Added some sound effects and animations to evoke a sense of impact.
  • HTML was structured for accessibility.
  • Followed the SUIT Methodology for styling. It's not perfect but it's getting there.
  • Tested with Lighthouse. I'll probably need more information on how good it is.

Any questions you may be interested to answer :

  • What Javascript libraries/frameworks would you implement this challenge? Why?
  • What do you think about going beyond the challenge?
  • Have you done testing before? How would you go about it?

Community feedback

  • Vas•0
    @VassilAtanasovPosted almost 2 years ago

    Great job!!!

    I tried building it locally and it failed with error: Can't resolve 'animejs'

    Did you miss a package?

    1
  • Miguel Villanueva•180
    @Emvil-gitPosted almost 2 years ago

    I love the animations and sound effects 🔥🔥🔥

    It looks and feels like a game. Really well done, mate 👏👏

    I've also finished this challenge and the hardest thing for me was making it responsive for different screen sizes but you pulled it off great. This gave me some ideas to improve my work, so thanks!

    1

Please log in to post a comment

Log in with GitHub

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