#100DaysOfCode
Day 06: Building “Rock Paper Scissor” Game
So this weekend instead of learning, I thought of building a small project like a game or something to polish my skills and solve some problems. So, I decided to build a Rock Paper Scissor game from scratch.
Started with a rough sketch of what would be the user flow, and how it would start when the application runs. So, I started with the implementation of the basic component to let the user select their option. Now it's almost complete.
Built with React and Tailwind CSS. Deployed on Vercel.
Live:
Source Code:
https://github.com/moazamdev/rock-paper-scissor
Features
- User can select its option from three of the options
- Computer chooses its option on random
- Whoever wins, will be displayed on the screen
- “*” means a win and “-” means draw
- Option chosen by the user and computer will be displayed on the screen for 2 seconds
- Game over pop-up shows up if the turns become 0
- User can set the rounds of the game dynamically
- Winner and loser are displayed on the screen
- “New Game” button lets the user to start the game
What to add next
- Maybe sound effects
- Winner Sprinkles
Building stuff is always fun and has much more learning experience too. I spend my weekend on this project, looking forward to hearing your FEEDBACK.
Also, any suggestions for next weekend's project would be highly appreciated.
Let the challenges come in.
#reactjs #frontenddev #webdev #javascript #learnreact