This is a team project, built by us in the Construct Week - Unit 3 at Masai School.
Home Page: Common Nav Bar for all pages.Sign-Up: User sign up to be done by local storage.Sign-In: User authentication to check whether user data match with existing data or not.Articles Page: Articles page created using json server and can filter according to categories.Products Page: Beauty products using API and can fliter as per type or brand.Product details Page: Details of particlar product.Cart: User can see or remove products added in the cart and apply discount coupons.Checkout Page: Users can add the delivery address.Payment Page: Users can add their payment details.Order Successful: Cart gets empty automatically in local storage, once the user lands on this page.Additional Features: Kept the branding, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.
HTMLCSSJavaScriptJSON SERVERAPI of beauty products
First go to Home Page where you can see login or Singup icon after login, you can explore on any category related articles like- Makeup, Health Care, Skin Care,etc.You can also go to Articles Page from where by cliking on GO TO SHOP button, you can redirect to Products Page where you can see beauty products and can filter according to brand and type.Click on product image you will redirect to Product Details Page where you can read all details of that product, when you will click on ADD TO CART, product will add in your cart if you will click on Buy Now, you can redirect to Checkout Page. Where you can fill all details. go to Payment page, where card details can be added and buying process can be completed. Thank You 😀