Front End

A 8-bit inspired Front-End created in React and Tailwindcss to play and manage a Rock Paper Scissors Tournament.

Routes

/ = landing page where players sign up and are locked out when game has stated
/not-found = return home page incase player enters non existent link

/register = players pick their avatar (this should've been named something else)
/register/confirm-avatar = players confirm their avatar, name, and student ID information, allowing them to enter the game

/about = contains information regarding the creators of the website and clubs involved in the event hosted (might remove later since not needed)
/admin = main control panel for hosts to-
- start the game
- end the game
- start a round
- remove players
- see dashboard
/dashboard = displays players, contestants, and losers
/game = main game screen where people will play in one of five sub-screens
- "Lobby" = hub where contestants wait to be picked
- "Play" = initiates and operates a RPS session between two players
- "Decision" = displays the victor and loser
- "End" = displays winners and /about information
- "Ready" = queue before player enters "Play" with other player
/tv = tv screen that shows both competing players and contestants in the bottom of the screen

app/ = application interface (includes Routes)
components/ = those are tools for app/
- components work independent of features, features rely on components to do things
config/ = for easily referencing icons and global variables
features/ = functionality, uses tools to serve a purpose for app/
hooks/ = context states that are shared across the website
- normally used for react dom hooks but are just for contexts because we were dumbs
styles/ = custom types for each part of the application
- components, more specifically
types/ = for shared types used across the application