Rock Paper Scissors App with awesome animations using react-spring
Design comparison
Solution retrospective
Please try both desktop and mobile versions. I would love to hear what do you think about this project :)
Community feedback
- @webguy83Posted over 2 years ago
Thanks for reviewing mine and yours looks pretty great too. Love all the animations from start to finish as well! These are things I could probably do a lot more of.
Just a few minor things I noticed:
-The background image you have it as a linear gradient when I think the screenshot had it has a radial centered on the top.
-in desktop view the modal stretches the full length of the viewport. I think in the requirements it had it as a smaller modal window on desktop version if I recall
-there is a bug if you are on your desktop and play your game in the mobile breakpoint view then click Play Again, then stretch out your window into desktop view the pegs will be off aligned from the background triangle.
Love the use of React Spring. I will take a look at this framework too. :D
Marked as helpful1 - @legion40216Posted over 2 years ago
Loved the animations bro. Its a treat to watch :) though i had some problem with my screen size i cant seem to scroll down when zooming in
1@kerminekPosted over 2 years ago@legion40216 Thank you! Bug is caused by optimization for mobile devices so page can fulfill only 100vh, not more, not less. Without that, page on let's say iphone can be scrolled, even though page height is set to 100vh. It's caused by the link bar and in my knowledge problem exists on android devices too.
1
Please log in to post a comment
Log in with GitHubJoin 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