-
Notifications
You must be signed in to change notification settings - Fork 0
Home
jMuzsik edited this page Nov 1, 2017
·
4 revisions
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:
- Home -Initial fetch of all data
- All Products -Add quantity and product to cart -- Redux -No database touching
- Individual Products -Add quantity and product to cart -- Redux -No database touching
- User Profile Page -Thunk to put order cancelled -Thunk to put name/email/etc of user -Thunk to create a review for a product
- Sign Up -Thunk to create new user
- Cart -Thunk to put data on cart redux, no DB
- Place Order -Thunk to create new order
- 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)
- Home - figure that out in the future
- 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
- Single Product
- Adding to cart/quantity
- Visual as in names, image, etc.
- 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
- Sign Up
- Form with all needed data
- Log In
- Google Sign In
- Facebook Sign In
- Log Out
- Only seen when user logged in or just signed up
- Session state???
- 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
- Complete Order
- Form with necessary data to fill in
- Confirmation button
- Automatic email after confirmed
- Redirect to something?
- 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)