Design comparison
Solution retrospective
This is a simple Rock Paper Scissors game built using React. This project was my first experience with React and served as a great learning opportunity.
Through this project, I learned and implemented the following React concepts:
-
React Components: The game is divided into several components such as
App
,Nav
,State
,Step2
,Message
, andRules
. -
React State: The
useState
hook is used to manage the state of the game, including the score, opacity, and rules. -
Event Handling: Event handlers are used to manage user interactions like clicking on the rules button and selecting an option in the game.
-
Conditional Rendering: Based on the state of the game, different components or elements are rendered.
-
Props: Props are used to pass data and event handlers down to child components.
Community feedback
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