Component Hierarchy

functional component hierarchy

• Root
  • App
    • NavBar
    • MainContent - holds all other components

navbar

• Sign in:
  • SessionButtonContainer + SessionButtons
    • State: session
• Explore (all projects)
• Start a project

Home

• Route: /#/
• Components:
  • Categories
  • Featured Project
  • New and Noteworthy
  • Recommended
  • ProjectIndexContainer + ProjectIndex

Project Index

• Route /#/projects
• State: projects, categories, pledges
• Components:
  • Category bar
  • Project thumbnail

Show Page

• Route /#/projects/:projectId
• State: project, rewards,
• Components:
  • Project Container
  • Reward Container