Frontend Routes - rachanavishwanath/SmartSplit GitHub Wiki

Components are organized as follow:

  • Root
    • App
      • Dashboard component
      • navBar component
      • LeftSideBar component
      • RightSideBar component

The following routes, defined in App, will render components below navBar component:

  • /

    • Splash
  • /dashboard

    • Dashboard component in the middle
    • LeftSideBar component on the left
    • RightSideBar component on the right
  • /all

    • ExpenseComponent
    • ExpenseIndex
      • ExpenseIndexItems
  • /activity

    • ActivityComponent - show ~14 most recent activities with show more button
  • /login

    • SessionForm
  • /signup

    • SessionForm
  • /groups/new

    • GroupForm
  • /groups/:group_id

    • GroupComponent
    • GroupIndex
      • GroupIndexItems
  • /groups/:group_id/edit

    • EditGroupForm in gear icon in RightSideBar component (link to edit friend form should not be displayed when a group is selected)
  • /friend/:friend_id

    • FriendComponent
    • FriendIndex
      • FriendIndexItems
  • /friend/:friend_id/edit

    • EditFriendForm in gear icon in RightSideBar component (link to edit group form should not be displayed when a friend is selected)
  • /account/settings

    • ProfileComponent
      • show/edit user info
  • Add Expense (has links to choose category, choose date, additional_details, choose payer, choose split options modals), Settle Up, Add new friend, Feedback are modals