/Bath-BodyWorks-CW1

This is the first project for our construct week. This website is a clone of “Bath & Body Works”. The website has a landing page, product section with filter and sorting functionalities, sign up and login section, and finally cart section with payment systems. This project was a crucial learning experience for all the team members.

Primary LanguageHTML

Bath & Body Works

Summary

This is the project work of Unit 2 and we are the team of 6 people who have contibuted in this project. Bath & Body Works, LLC. is an American retail store chain that sells soaps, lotions, fragrances, and candles. It was founded in 1990 in New Albany, Ohio and has since expanded across 6 continents. In 1997, it was the largest bath shop chain in the United States.

Screenshots

  • Landing Page

    Landing Page

  • Products Page

    Products Page

  • Sign up and Sign in Page

Sign Up and Sign In Page

  • Cart Page

Cart Page

Features

  • Sign up and Sign in

    This website allows users to create their own account and sign in using the required email id and passowrd. If the required details are missing, the user won't be able to login into the website. Without the users signed in, the user would not be able to purchase a product from the website.
  • Home page

    The landing page is the most important page of any ecommerce website. It helps the user navigate through all the trending offers and gift coupons to purchase products at discounted rates. Also there is relevant information regarding all the variety of products available in each and every sub-section.
  • Product page

    The product pages provide the list of products belonging to a certain category. Furthermore, the products can be filtered and sorted according to the user preferences. The user can directly add the desired product in the cart and continue to shop more products.
  • Cart page

    After the user ends up choosing all the desired products to purchase, the user gets directed to the cart page where there is a list of all the products the user would purchase and in what quantity. The total price also gets displayed in the UI underneath all the products. From there, the user can proceed to payment.

Tech Stacks

  • HTML
  • CSS
  • JavaScript

Authors