React Component Hierarchy with Wireframes

• #Parts of Wireframes are not up-to-dated, will be refactored soon.

Functional Component Hierarchy

• Root
  • App
    • NavBar
    • MainPage
    • SideBar

Note: All other components are rendered inside of MainPage

Session Form

• SessionFormContainer
  • SessionForm

Dashboard

• Dashboard Container

  • Dashboard

    • Portfolio Container

      • PortfolioCharts

    • WatchListContainer

      • WatchList
        • WatchListItem

Stock Show

• StockShowContainer
  • StockShow

• Fill FormContainer
  • FillForm

Stock Search

• StockSearchIndexContainer
  • StockSearchIndex
    • StockSearchIndexItem