This is a clone of www.bluemercury.com website made using HTML, CSS and JS. It's an USA based E-commerce website for cosmetic products.
A glimpse of the project and walk through the website.
- Homepage
This is our landing page .you can check the products here and then click on login/signup on the top right corner to login/signup.
- Login-in / Sign-up
This is the login page.If new user Click on Create one, you will be redirected to Sign-up page.
- Product Page
After login you will land on the New Arrivals page and click on the Product Image where you can see the product. You can filter products based on prices, brands, etc.
- Single product page
After clicking on any product you can see the product feature, price and you can add this product to the bag.
- Cart Page
After adding Product to the bag you will be redirect to the cart section where you can see the price, increase the Quantity of products, also whenever we increase the product count we will also see this effect on price.
- Checkout Page
After clicking on checkout the customer redirects to the customer information where they can fill their information. If customer hasn't logged in, then he will be redirected to login page.
- Payment Page
After clicking on the payment method. You will be redirect to the payment page where you can pay the price via credit card or PayPal.
- Thank you Page
- Homepage
- Hovering Menu
- Slideshow in hero section
- Products carousel
- Sign in/ up Page
- Only unique users can sign up
- Validations
- Products Page
- Dynamic products display
- Filters are available
- Sorting functionality
- Single Product Page
- Shows dynamic product details
- Item counter available
- Add to cart
- Cart Page
- Shows all selected products with respective quantity and prices
- Checkout Page
- Add address
- Order summary view
- Payment Page
- Add card details
- Order summary view
- Promocode option availale
- Local Storage has been used to store all the required data.