Rock-paper-scissors

The Rock Paper Scissors game in ReactJS , Allow user to choose one of ( Rock-paper-scissors ) to compare with computer choice and see the game result (Win , lose , Draw ) .

Our Website Link : Rock Paper Scissors website

User Journeys

• User story: As I Player I can choose one of ( rock, paper, scissor).
• User Story : As a Player I can see The Result (Win , lose , Draw ).
• User Story : As a Player I can start and try again the game.
• User Story : As a user my game finished with max score 5 with any state.

File Structure

• public
  • index.html
• src
  • index.js
  • app.js
  • components
    • Header
      • index.js
      • header.css
    • Computer
      • index.js
      • computer.css
      • assets
    • Player
      • index.js
      • player.css
    • Result
      • index.js
      • result.css
  • utils
    • index.js
• .eslint
• .babelrc
• .gitignore
• package.json

Installation to local machine :

• First, make sure you have NodeJS installed on your machine.
• In your terminal run git clone [email protected]:FACK1/Rock-paper-scissors.git .
• In your terminal run cd Rock-paper-scissors .
• In your terminal run npm i inside the folder.
• The following commands to run app : -In your terminal run npm run dev
• Starts the App go to your browser and put localhost:1234 .

Prototype to style

Team Member :

• Amin Talahmeh
• Sama Amro