Skip to content
Submitted about 2 years ago

Rock, paper, scissors game with BONUS task made with Nuxt 3 + Tailwind

#nuxt#sass/scss#tailwind-css#typescript#animation
Nemanja Dragun•340
@ndragun92
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

It was sort of a challenge to integrate the bonus tasks with not extending the main code that much. Also responsive was quite a challenge considering that I tried to avoid code duplication.

It is always good to get any recommendations or feedback/suggestions on how others would approach things

I have integrated my custom idea for the bonus task. This means that the bonus task automatically applies as soon as you reach 5 points in the game.

I did not test it on iPhone devices yet

Also since I am not that good with animations I tried my best :)

Please log in to post a comment

Log in with GitHub

Community feedback

  • Chukwudobe Micah Chinedu•700
    @chukwudobe-Micah

    Hello, can you please share with me how you changed your Audio to files which you can use in vscode? I'm trying to do that but not really getting it.

  • Chukwudobe Micah Chinedu•700
    @chukwudobe-Micah

    Maybe make it 3 points for the bonus round?😩 I bearly reached 2 after playing several times.

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