This is a solution to the Rock, Paper, Scissors challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Click an icon, see if you've won!
Users should be able to
- View the optimal layout for the game depending on their device's screen size
- Play Rock, Paper, Scissors against the computer
- Maintain the state of the score after refreshing the browser
- Bonus: Play Rock, Paper, Scissors, Lizard, Spock against the computer
- Solution URL: Click me
- Styled components
- Flexbox
- CSS Grid
- Desktop-first workflow
- React - JS library
- Gatsby JS - React framework
- Emotion JS - For styles
GSAP Flip is very useful React server and client views need to match React context seemed to be the best way to manage state
- GSAP cheatsheet - Used to referance timeline control methods.
- GSAP Flip documentaion - Documentation for GSAP plugin used for main board animation.
- Portfolio Website - Brian
- Frontend Mentor - @joyreacher