Frontend Routes and Components

Frontend Routes

Our components are organized as follows:

• Root
  • App
    • NavBar
    • SideBar
    • (main component)

The following routes, defined in App, will render components after the Navbar and to the right of the SideBar.

• /
  • HomeChannelStream
  • RecommendedLiveChannels
  • RecommendedCategories
  • RecommendedSpecificChannels
• /directory
  • FiltersCategory
  • CategoryList
    • Category
      • CategoryTags
      • CategoryViewers
• /directory/:CategoryName
  • CategoryBanner
  • FiltersChannel
  • ChannelList
    • Channel
      • ChannelViewers
      • ChannelTags
• /:ChannelName
  • StreamSection
    • ChannelNavBar
    • StreamBox
      • PlaySoundQualityElements
    • StreamInfo
      • StreamTags
    • UserBioInfo
• /directory/following
  • LiveFollowingChannelList
    • Channel
      • ChannelViewers
      • ChannelTags
• /settings/profile
  • ProfilePictureUpload
  • ProfileBannerUpload
  • ChannelSettings