Frontend Routes

Frontend Routes

Components are organized as follows:

• Root
  • App
    • NavBar
      • NavItem
      • UserAuth
    • (Main Component)

Frontend routes defined in App will render the following components in (Main Component):

• /

  • AuthForm - Either signin or signup
  • Splash

• / (When user logged in)

  • SideNav
  • CategoryIndex
    • SearchForm
    • MyDesigns
    • TemplateSection
      • TemplateItem

• /folder/:folderName

  • SideNav
  • FolderView

• /templates

  • SearchForm
  • TemplateSection
  • TemplateItem

• /templates/search/:query

  • Header
  • TemplateTags
  • TemplateItem

• /templates/:templateId

  • TemplateModal
    • TemplateView
    • TemplateInfo
    • RecommendedTemplates
      • TemplateItem

• /photos

  • SearchForm
  • PhotoTags
    • PhotoTagItem
  • PhotoItem

• /photos/search/:query

  • Header
  • PhotoTags
  • PhotoItem

• /photos/:templateId

  • PhotoModal
    • PhotoView
    • PhotoInfo
    • RecommendedPhotos
      • PhotoItem

• /design/:designId

  • DesignDrawer
    • ToolNav
    • SearchForm
    • ElementCategory
      • ElementItem
  • EditArea
    • Canvas
    • ViewTools