Milos - codedancingstudio

Build & Deploy Highly Functional & Scalable Modern E-commerce App. 👨🏼‍💻

Brief:
My challenge is building out this multi-page e-commerce website and getting it as close to the design as possible.

Users should be able to :
▪️View the optimal layout for the app depending on the device's screen size.
▫️See hover states for all interactive elements on the page.
▪️Add & Remove products from the cart.
▫️Edit product quantities in the cart.
▪️Fill in all fields in the checkout.
▫️Receive validations if fields are missed or incorrect during checkout.
▪️See correct checkout totals depending on the products in the cart.
🔹 Shipping always adds $50 to the order.
🔹 VAT is calculated as 20% of the product total, excluding shipping
▫️See an order confirmation modal after checking out with an order summary.
▪️Keep track of what's in the cart, even after refreshing the browser (localStorage)

Getting started 👇
💫 Download the design file, https://www.frontendmentor.io/challenges provide both and versions of the design. ✔️
🔜 Folder & Pages & Component Structure.

Tech Stack:

👁‍🗨 https://reactjs.org/
👁‍🗨 https://reactjs.org/docs/context.html
👁‍🗨 https://nextjs.org/
👁‍🗨 https://mui.com/
👁‍🗨 https://www.sanity.io/