Frontend Routes

Components are organized as follow:

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

The following routes, defined in App, will render components between the above components:

• /

  • Splash
    • 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