Home

Components:

1.Navbar

• Home -extras after finish basic functionality
• All products/filtered products -individual product w/in possible
• Individual product -Accessible from all products and individual categories.
• Current user/nothing if no user logged in -This is user profile page
• Sign up/nothing if user signed in -This is sign up form
• Log in/nothing if user signed in -This is sign in form/or dropdown/or automatic form(exists on its own)
• Cart
• Complete order -Located only within cart component
• Admin component/nothing if not admin These components are all w/in admin
  • Link to add new product(or dropdown)
  • Link to add new category(or dropdown)
  • Link to individual product edit
  • Link to individual users edit
  • Link to individual category edit
  • Link to individual order edit

Redux and database in relation to the components:

1. Home -Initial fetch of all data
2. All Products -Add quantity and product to cart -- Redux -No database touching
3. Individual Products -Add quantity and product to cart -- Redux -No database touching
4. User Profile Page -Thunk to put order cancelled -Thunk to put name/email/etc of user -Thunk to create a review for a product
5. Sign Up -Thunk to create new user
6. Cart -Thunk to put data on cart redux, no DB
7. Place Order -Thunk to create new order
8. Admin a:Add new Product = thunk create product b:Add new Category = thunk create category c:Edit a Product = thunk put the product d:Edit a User = put f:Edit a Category = put g:Edit an Order = put

Particularities for Components(things that need to happen)

1. Home - figure that out in the future
2. All Products

• Filter Options based on categories
• Search for individual products
• Add product/quantity to cart
• Each product view has a link to the product
• If product has no stock, it is not seen

3. Single Product

• Adding to cart/quantity
• Visual as in names, image, etc.

4. User Profile Page

• Info/visual
• All previous orders displayed
• Current order(if there is one) and option to cancel the order
• Review buttons next to order items to review them i. Should be a star rating and a text rating

5. Sign Up

• Form with all needed data

6. Log In

• Google Sign In
• Facebook Sign In

7. Log Out

• Only seen when user logged in or just signed up
• Session state???

8. Cart

• Is everything seen that was added to cart?
• Remove item/change quantity options/buttons
• Does page persist when reloaded? Workshop says: you may use sessionStorage, localStorage, cookies or JWT for this
• Button to place order

9. Complete Order

• Form with necessary data to fill in
• Confirmation button
• Automatic email after confirmed
• Redirect to something?

10. Admin

• Add product or category
• All products listed somewhere as a link? Leading to form to edit product.
• All orders listed, should be able to edit status (Created, Processing, Cancelled, or Completed)