Frontend Routes

User-facing routes

/ if user session does not exist

• Splash page for logged out user
• Displays log in and sign up buttons

/ if user session exists

• Left sidebar with
  • User info & Edit Profile Picture Button
  • Navigation Links to:
    • Dashboard
    • Create a Group
• A list of all study groups user belongs to (with group image, name, and description)
  • Edit / delete buttons for each group user owns

/groups/:groupId

• Left sidebar with
  • Dashboard (navigates back to '/')
  • Group Name
    • Displays group title, group image, and all members of the group and their online status
  • Calendar (navigates to '/groups/:groupId/events')
  • Rooms with a Create Room button
    • List of rooms that belong to the group (navigates to '/groups/:groupId/rooms/:roomId/chat')
    • Edit/delete buttons for each room user owns (or all rooms if user is group owner)
  • Notes with a Create Note button
    • List of notes that belong to the group (navigates to '/groups/:groupId/notes/:noteId')
  • Albums with a create Album button
    • List of albums that belong to the group (navigates to '/groups/:groupId/albums/:albumId')
    • Edit/delete buttons for each album user owns (or all rooms if user is group owner)
  • Logout Button

/groups/:groupId/events

• Create Event modal
• List of events that belong to the group
• Edit/delete buttons for each event user owns (or all events if user is group owner)
• Join / Leave buttons for each event
• Add to Google Calendar button for each event

/groups/:groupId/rooms/:roomId/chat

• Chat room with all previous chat messages sent within the room
• Chat input container and send button

/groups/:groupId/notes/:noteId

• Delete button for note if user is note owner (or if user is group owner)
• Save button for note
• Note title and note text are editable

/groups/:groupId/albums/:albumId

• Upload image button
• List of images that belong to the album
• Delete button for each image user owns (or all images if user is group owner)
• Clicking on an image will pop up a modal of a larger version of the image