/Bath-and-Body-Works

This is the clone of the website Bath & Body Works which we have done collabratively during our Unit 3 construct week at Masai. We tried to implement most of the functionalities from the original website.

Primary LanguageJavaScript

Bath & Body Works.

Bath & Body Works, LLC. is an American specialty retailer company founded in the year 1990 in New Albany, Ohio by Les Wexner. Till present it has since expanded across 6 continents. It is an American retail store chain which sells soaps, lotions, fragrances, and candles. In 1997, it was the largest bath shop chain in the United States. The Head Quarters is located at Reynoldsburg, Ohio, United States and the CEO is Andrew Meslow. The Parent Organization is Bath & Body Works, Inc.,The limited. This Parent Organization posted $11.9 billion in revenue in 2021, and was listed as 248 on the 2020 Fortune 500 list of largest United States companies by revenue.

Bath & Body Works Clone.

This is the clone of the website Bath & Body Works which we have done collabratively during our Unit 3 construct week at Masai. We tried to implement most of the functionalities from the original website.

Building Blocks.

  • HTML
  • CSS
  • JavaScript

Functional things

  • User signup page and login page with data stored in local storage.
  • Home Page (on clicking the search button it will drop down trending products on the website).
  • Different Products Section.
  • Checkout Page (with 6+ individual products category).
  • Products display Page(Product Description will there, and can add products to the cart page & love-list-page).
  • Add to Cart button (Individual Product data will save in local Storage for cart page).
  • Wish list Page( Products which was add in wishpage will be there, can remove fron wish page or add the Product to the cart page).
  • cart page( Products which was add in cartpage will be there with suggetsted produts, with remove,add to wish page , Couponcode for discount and purcase can be done)
  • Address Page( Before Purchasing the products user Have to fill their preferrd adress).
  • Payment Page(user have to fill their card details or can pay with paypal, and redirected to the products Checkout after sucefully order placed,and will have order id).

Running the Code.

Pre-Requisite : VS Code. Cloning the Project. Local Storage. es6 +-. import-export.

github link : https://iakashmondal.github.io/bath-and-body-works-2/
github deploy link : https://harshvyas2704.github.io/bath-and-body-works-2/

Website Flow.

• Signup and Login Page by Harsh Vyas

bath create an account

bath sign up

• HomePage by Srinivas K Bhat.

barth home

bath home2

bath home category

bath footer

• navbar by Naresh Rajput.

bath footer

• Product Category Page by Naresh Rajput.

bath aroma

bath body care

bath candel

• shop page Julhan Mohanto.

bath shop page 1

bath shop page

• Product Category Page Julhan Mohanto.

bath gift

bath handshoap

bath candel bath body care bath wall flower

• Product Display page by Akash Mondal.

bath product diplay

• Wishlist Page by Akash Mondal.

bath Wish Page

• Cart Page By Akash Mondal.

bath cart page

bath cart 2

bath cart 3

bath cart4

bath cart 5

• Adress Page by Pradhyumn Shukla.

bath payment1

bath payment 2

bath payment3

• Payment Page by Pradhyumn Shukla.

bath billing 1

bath billng2

Bath bbilling 3

Team Members

  • Srinivas K Bhat
  • Harsh Vyas
  • Naresh Rajput
  • Julhan Mohanto
  • Pradhyumn Shukla
  • Akarsh Mondal

Website Blog Link