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

NextJS Solution to Rock Paper Scissor Lizard Spock

Abhikβ€’ 4,840

@abhik-b

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


Hi Frontend DevsπŸ‘‹,

I have created this using NextJS and for animations I am using framer-motion, while creating this I also made a video

If you are struggling with this challenge you can use this as a reference

Any feedback ,tips, suggestions will be appreciated πŸ™

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey, Abhik! πŸ‘‹

Good job on this challenge! Your solution looks great and works well! πŸ™Œ The animations you added are a very nice touchβ€”kudos on that! 😎

I only suggest adding cursor: pointer to the clickable elements of the page and adding an alt attribute to the bg-triangle.svg (as the solution report suggests). πŸ˜‰

Keep coding (and happy coding, too)! 😁

1

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

@ApplePieGiraffe

BTW, I took a look at your YouTube tutorial, and I think it's rather detailed and informative! Nice work! πŸ‘

1
Abhikβ€’ 4,840

@abhik-b

Posted

Thank you @ApplePieGiraffe for your valuable feedback , I'll add the alt and also add pointer cursor !

Thank you very much for watching my video ❀

Happy coding πŸš€β€

0

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