RockPaperScissors-Game-Motasem

✧ Name of the project

Rock Paper Scissors Game ✌🤚👊

✧ Links

• Game Live link: Here
• Game Repo Link on Github:Here
• Figma Design link: Here

✧The Game

Web Game gives interactive funny journey to play traditional Rock Paper Scissors Game ✌🤚👊, you play 5 rounds against computer.

✧ Product Main Features:

• Attractive Colorful
• Includes Sound Effets.
• Desktop First.

✧User Journey

The User Login to the game and play 5 rounds against computer and the end the result appear.

✧User Stories

1. As a Player I can login with my name so that see it in the game.
2. As a Player I can pick choice against computer each round so that run the round.
3. As a Player I can see round results so that track the competition socre.
4. As a Player I can access the final result so that I know the winner.

✧The wireframes (User Experiance)

✧The Users Interface (The Final screens)

based on the initial wireframe, I choosed interactive icons and colors to design the game.

✧Adding Sounds-effects

The Game became Interactive by adding sound effects, I first defined what sounds were needed for the game in the UI, then I searched free sound libraries and test options till reaching the current sounds.

✧Project Github Management

I subdivided the user stories into smaller tasks to work on.

✧How to install the project to run it locally.

on Github terminal/bash

git clone https://github.com/GSG-FC03/RockPaperScissors-Game-Motasem.git
cd RockPaperScissors-Game-Motasem
go live server

✧Technology

• HTML ➙ to build the structure of the pages
• CSS ➙ to style the application and build animations
• JavaScript|DOM Manipulations ➙ To create interaction between the page and the user and track journey.
• PPT & GitHub➙ to manage project.

✧Game Created by:

1. Mutasem Mansour.

✧Mentors

All deep thanks for the the valuable efforts of the mentors:

• Sara
• Lina
• Haneen Shahwan