GithubHelp home page GithubHelp logo

mdalimujtaba / bath-bodyworks_clone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from shirsobhattacharyya/bath-bodyworks-cw1

0.0 0.0 0.0 138 KB

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.

Home Page: https://bath-and-body-works-clone.netlify.app/

JavaScript 11.79% CSS 7.93% HTML 80.29%
html css javascript

bath-bodyworks_clone's Introduction

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

bath-bodyworks_clone's People

Contributors

shirsobhattacharyya avatar amitkumaurya avatar abvenu avatar mdalimujtaba avatar pravusagar avatar guptaroshni avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.