Component Hierarchy

Component Hierarchy To be reviewed concurrently with Wireframes.

Enchant Component Hierarchy

General

---

• Root
  • App
    • Navbar
    • MainPage (all other Components are rendered inside here)

Splash Page

---

• Banner
• SessionFormContainer
  • SessionForm
    • State: session

Index Page

---

• Navigation Bar
  • Components
    • NavBar Links
    • Personal Nav Links
• ProjectIndexContainer + ProjectIndex (main page area)
  • ProjectIndexitem (thumbnails)
    • State: project[:id], user[:project_id],user[:id],ui

Project Open Page

---

• ProjectViewContainer + ProjectView
  • SideBarUserInfo
  • SidebarProjectInfo
    • State: project[:id, :category, :media, :user_id, :views, :likes, :published_date, :name], user[:id, :name, :photo]
• SideBarMiscLinks

Comments Form

---

• CommentsInputComponent
• CommentsIndexContainer + CommentsIndex
  • CommentsIndexItem
    • State: comment[:id, :user_id, :portfolio_id, :body, :date_time]

Profile Page

---

• ProfileContainer
  • ProfileInfo
  • ProfileStats
  • ProfileText
    • State: `user[:id, :name, :myPortfolios, :followers, :following, :appreciations, :project_views, :about_me]
• ProfileIndexContainer + ProfileIndex
  • ProfileIndexItems (thumbnails)
    • State: user[:id,:myPortfolios], portfolio[:id, :thumbnail, :name, :category, :views, :likes]