Frontend routes and components - Heyitswilson/Toasty-fullstack GitHub Wiki

Components are organized as follows:

  • Root
    • App
      • NavBar
        • 'SearchBar'
        • 'SignIn'
        • 'Profile' (has dropdown for 'Signout')
      • Main component
      • Footer

The following routes are defined in App and will render components between NavBar and Footer.

  • /users/:userId - user show
  • /products - products index
    • 'ProductItemIndex'
      • 'ProductItem'
  • /products/:productId - product show
    • 'ProductShowComponent' (holds all other components)
      • 'Image`
      • 'ImageBar` (clickable)
      • 'Image nav' (right/left)
      • 'Add to cart button`
      • 'Quantity button'
      • 'Seller profile button'
      • 'Description' (Name, price, description, cart button, seller profile)
      • 'Comments/reviews'
  • /cart - cart show