Client Side Folder Structure Overview

Client

Public

• Uploads (All photos used by us)
• Styles.css (All css for the views pages)

SRC

Components (All components contain their styling in the folder)

• Auth0 (Authentication button and protected-route usage for DOMs )

• Buttons (General button used throughout the app)

• ContextMenu (Right-click menu for shapes on EditPage)

• CreateArea (Modal for creating a simulation)

• CreateCsv (Modal for submitting and downloading CSV file on settings page)

• CreateEmail (Modal for Sending emails to students on the settings page)

• CreateRoleSelection (Modal for selecting role on GamePage )

• CsvModal (Not used in App *Not sure what this is for)

• DropDown (Contains dropdown menus for shapes, editing mode pencil, info mode pencil, sidebar edit mode pencil, roles dropdown)

• Information (Player information on GamePage and EditPage)

• Level (Level indicator, day indicator, next button, exit button on EditPage)

• Loading (lOADING script to display a buffering bar on load)

• Modal (Not used in App *Not sure what this is for)

• Navbar (Navigation bar with Profile display used on all pages beside Game and Edit Page)

• Note (Container to display text and image consistently throughout the app)

• Pencils (Buttons to display dropdowns on EditPage)

• Sidebar (Sidebar navigation on Edit Page and Game Page)

• SimNote (Similiar to note but for simulations user creates)

• Stage (Contains all game pieces, shapes, EditPage, and GamePage functionality and styling)

• Table (Groups displayed in a Table)

• Tabs (Settings page content and functionality)

Views

• About (About the app page)
• Dashboard (View simulations and create simulations page)
• EditPage (Edit simulations)
• GamePAge (Play simulations)
• Home (First screen users sees, picks teacher or student)
• Join (Settings page to add and email players)
• Profile (User profile page)
• Welcome (Enter room code pages)

App

• Top-level which app runs off of