Skip to content

Group Project To Clone Lyst.com which consist of the beauty products , for male as well as for female, this site consist of login, sign up, products,, purchase cart, purchse detail, payment and delivery address page as well made Using HTML, JS ES6 and CSS

Notifications You must be signed in to change notification settings

ShubhamRandive1/Clone-Lyst.com-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Clone Lyst.com Website

Hello Everyone I am Delighted To Share The Collaborative Project during unit 3’s construct week ,Through Dedication , Hard work and resilience to Create something New, Together We have Created This Amazing project

Group Members:-

Manish Faujdar

Nageshwar Tripathi

Chandani Chandra

Rashmi Patel

Devend Sharma

Shubham C Randive

As This Was The Collaborative Group project everyone was thrilled and enthusiastic, We were Given lyst.com website To Clone Using HTML, Advance JavaScript(ES6+) , and CSS As Of This Website Features an e-commerce site for Fashion products, So even from the start it was a bit of challenging,

But Apprently Everyone Had Knack For Challenges so all the members were excited and ready to start working on the website, but as we know we need to have a plan of action and with everyone supporting and respecting the decisions we get to the even grounds and started with the home page,

Shubham C Randive Has Created The Home Page and Chandani Chandra has Created The Navigation Bar Which Was

Screenshot (52)

Screenshot (53)

Screenshot (54)

The home page contains a navigation bar through which you can browse to any given page on a website, But first, you need to signup, or if you already registered then need to login to the website,

Nageshwar Tripathi Has Created The Signup Page

Screenshot (56) Screenshot (59) Screenshot (58)

This Is The Login Page where your signup credentials will be matched and checked for authentication and You can Login Through Social Media Account as well.

Chandani Chandra and Rashmi Patel Together They Have Created The Product page while Rashmi Creating The Data To Get the Products and Chandani Fetching it Dynamically

Screenshot (60) Screenshot (61)

Screenshot (62)

now for the product pages, we have developed Different product pages which are Further Categorize into,

Men Products Page Women Products page Men Trending Products Page Women Trending Product Page Accessories

Chandani Chandra Has Worked On The Product Page with adding the products to cart and showing it on the checkout page

Screenshot (64)

Screenshot (65) Screenshot (66) Screenshot (67)

All The Pages are fully functional and have sorting options enabled from brand name to the price,

And At last and important there is a cart page with functionality to sum total the price of the products and have coupons functionality enabled for discount option as well

Manish Faujdar and Devend Sharma together has created Payment, Checkout and Delivery Pages

Screenshot (68) Screenshot (69) Screenshot (71)

Screenshot (70)

Then there is the payment page after successfully entering the card details you will redirect to the checkout page where you have to input the card details then after verifying Details there will order a successful alert after which you will be redirected to home page.

References:-

About

Group Project To Clone Lyst.com which consist of the beauty products , for male as well as for female, this site consist of login, sign up, products,, purchase cart, purchse detail, payment and delivery address page as well made Using HTML, JS ES6 and CSS

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •