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'
- 'ProductItemIndex'
/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'
- 'ProductShowComponent' (holds all other components)
/cart
- cart show