Day 06: Building “Rock Paper Scissor” Game

Day 06: Building “Rock Paper Scissor” Game

·

2 min read

#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:

https://rpsrps.vercel.app

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