Component Hierarchy with Wireframes

[xnanodax]

Component Hierarchy

• All routes listed in the routes wiki page is also listed in the component hierarchy
• Each component, if necessary, has route, state, and other components it renders
  • ❗️look here for an example
• Necessary components are wrapped in a container
• Correctly formatted
  • Bullet point hierarchy
  • Component names are displayed with inline coding text (backticks)
• Wireframes included
  • Every component listed in the component hierarchy wiki page has at least one wireframe
  • Every MVPs listed on the MVP wiki page has at least one wireframe
  • Every route listed on the route wiki page has at least one wireframe
  • Contains Containers
  • Contains Lists
  • Contains ListItems
  • Correctly formatted
    • Wireframe images display on the page
    • Every wireframe has a header title

Comments:

• Make sure you have a Wireframes pg (you can use the same images in the component hierarchy and the other one)

• Edit some of the wording so it is clearer. Ex: On the user show page, I would change ListingItemIndexContainer to ItemContainer. Within that ItemContainer, there will be a ItemIndex that will show a list of ItemIndexItems.

• All labels listed on the bullet points should also be labeled on the wireframe.

[xnanodax]

Hey Rose! I'm going to combine the wireframe feedback with the component hierarchy since they are so integrated.

Overall, I would take a look at the example linked above to check that your formatting is similar to BlueBird's.

[xnanodax]

Awesome!

• Change /api/carts to /api/cart since users can only look at their own cart.
• Add routes and states to ItemShow
• Add states to MainPage
• Move route and state further up on the bullet hierarchy for UserShowPage
• Update wireframes when you have time

[rkoron007]

Updated everything but wireframes! Let me know if anything else needs updating!

[xnanodax]

Awesome. Just waiting for the updated wireframes. We can update next week if you want to work on your current MVPs.