Skip to content
Submitted over 4 years ago

PWA made with React and SCSS - Grizzly, Cowboy, Ninja

Diarrah•3,418
@Diarrah
A solution to the Rock, Paper, Scissors game challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I made this a PWA(which means it's fully installable on your phone or computer) where you can play either Grizzly, Cowboy, Ninja or Rock, Paper, Scissors.

I made custom pictures for Rules slider for GCN with Figma.

Please tell me your thoughts and commentary!

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Greetings, Diarrah! 👋

    Amazing work on this challenge! 🙌 You added a pretty awesome twist to this challenge and the animations and transitions of elements make it even cooler! 🤩 Making it a PWA is also a pretty sweet idea! Nice job!!! 👍

    Keep coding (and happy coding, too)! 😁

  • Salvador Galvan Hernandez•220
    @creadordeloscielos

    Excellent, it is incredible what you can do, I am learning and I would like to be at your level. which I think is not impossible but it does require a lot of work and effort and dedication. Greetings from Mexico 🌮🌮🌮

  • Roc Tanweer•2,500
    @RocTanweer

    Hello 👋 Really nice work 👍 One day I will make something like that too..! Will you tell me how you gave the downloading feature to it please?

  • Matt Studdert•13,611
    @mattstuddert

    Great to see you posting another solution, Diarrah! Love that you've added your own spin on it providing the two different game modes. Also, building it as a PWA and including the animations are excellent touches 🙌

    Your React code looks good, although I'd say it could be broken down a little bit more to "componentise" and separate out your code further. For example, your Battleground.js component is pretty big with quite a bit of logic.

    Also, you're setting the click listeners on div elements, which aren't interactive. This means the game is currently inaccessible to anyone using anything other than a mouse/trackpad to play. Using interactive elements like button as the triggers would be a big improvement 🙂

    I hope you enjoyed the challenge! Did you learn anything new while working through the project?

  • Vytas•435
    @vytkuklys

    Hey Diarrah,

    I am just here to write that this is one cool piece of work right here. Also here to thank you for inspiring a couple of intriguing ideas through your work. And to ask you for the names of the tools that you used on your project because your code seems to be encompassing some fanciness that I am clearly not yet aware of

    Best of Luck!

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