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, Scissors, Lizard, and Spock | Svelte + Typescript +Scss

Huy Phan 1,360

@huyphan2210

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


What are you most proud of, and what would you do differently next time?

I added some animations for winning and losing. I didn't add any for draw situations though.

What challenges did you encounter, and how did you overcome them?

I incorporated some animations into the challenge, but I've struggled with the following questions:

  • Which animations are the most appropriate?
  • How can I seamlessly integrate them with the challenge?
  • Are the animations too simple or too complex?

In the end, I’m not fully satisfied with the result, as it’s challenging to integrate more complex animations effectively.

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