Skip to content

Rock, Paper, Scissors Game. Javascript. Tech: Vite, React. Personal project and deployment made to practise using components, state, props, rules matrixes, conditional rendering and deployment to a web host.

Notifications You must be signed in to change notification settings

hjtrhodes/RockPaperScissorReact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rock, Paper Scissors Game - Hobby Project

  • Main Language: Javascript
  • Tech Stack: Vite/React

Live Deployment

Click here to see the deployment: Rock, Paper, Scissors

Functionality Demo - Opens on Youtube

Video

Project Description

This is a small project I created when first learning React to practise using components, managing and passing state and functions as props, conditional rendering, rules matrixes and later, my first deployment.

Functionality:

  • Conditional Rendering based on name state
  • Rules matrix containing possible outcomes of rock, paper, scissors game
  • Conditional rendering of win/loss/draw
  • Using state to display user entered name
  • Simple component design

Challenges

State/Conditional Rendering:

  • This was my first attempt at conditional rendering and what seems easy now, seemed hard then. It took me a while to understand how managing the name state of the user could be used to conditionally render the game itself. I got past this by researching and trial and erroring my way to some new knowledge.

About

Rock, Paper, Scissors Game. Javascript. Tech: Vite, React. Personal project and deployment made to practise using components, state, props, rules matrixes, conditional rendering and deployment to a web host.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published