This is part of a much larger feature of implementing an ecommerce shop and then managing orders for each garden in both Users and Admin. This is the second ticket of the User's Shop front. The shop is issue ##, the cart and then checkout!
Checkout the Figma wireframes so you can see exactly what you are building. If you have any questions after reading the ticket please make sure you have asked for questions before starting!!
We need to make the shop component and files in the following folder. Create these new files.
Cart.jsx will render when the user hits the route /gardens/:id/shop/cart
You will be getting passed the cart state through props. If the shop has not been created please hardcode a props.cart object with the products in an array.
You will need a singular cart item component which will be stored elsewhere in subcomponents.
client/
├─ subcomponents/
│ ├─ Cart/
│ │ ├─ CartItem.jsx <-- new
│ │ ├─ cartHelper.js <-- new
[ ] Render the cart with the following
[ ] A cart or bag page showing food items with;
[ ] Photos, title and price
[ ] Editable quantity buttons and field.
[ ] A close button which empties the bag completely.
[ ] Shipping field with placeholder "calculated at checkout."
[ ] Total price shown.
[ ] Checkout button that triggers a checkout / payment page, make sure you send that page the whole cart as it will later need to be sent to the orders db which has not yet been set up!
[ ] CSS Tailwind. Please match styling as close as possible to the wireframes.
[ ] test, Run npm run lint, follow peer review process and PR flowchart
This is part of a much larger feature of implementing an ecommerce shop and then managing orders for each garden in both Users and Admin. This is the second ticket of the User's Shop front. The shop is issue ##, the cart and then checkout!
Checkout the Figma wireframes so you can see exactly what you are building. If you have any questions after reading the ticket please make sure you have asked for questions before starting!!
We need to make the shop component and files in the following folder. Create these new files.
Cart.jsx will render when the user hits the route /gardens/:id/shop/cart
You will be getting passed the cart state through props. If the shop has not been created please hardcode a props.cart object with the products in an array.
You will need a singular cart item component which will be stored elsewhere in subcomponents.
[ ] Render the cart with the following
[ ] CSS Tailwind. Please match styling as close as possible to the wireframes.
[ ] test, Run npm run lint, follow peer review process and PR flowchart