Skip to content

Sephora is a French multinational retailer of personal care and beauty products. Featuring nearly 340 brands, along with its own private label, Sephora Collection.

Notifications You must be signed in to change notification settings

msharmasharma/Sephora-Clone-Front-end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SEPHORA-CLONE

Sephora is a French multinational retailer of personal care and beauty products. Featuring nearly 3,000 brands, along with its own private label, Sephora Collection, Sephora offers beauty products including cosmetics, skincare, body, fragrance, nail colour, beauty tools, body lotions and haircare.

Landing Page :

The menu bar, search button, Login, and Cart are all visible on the landing page of Sephora.com. We tried our best to make our website look just like the original.

image

Product Page :

Users can filter their product choices based on their needs in the brand, price and sorting is also available. We've added products from the original website and divided them into categories.

Product Page

Product Details Page:

On this page, the user can see all of the product's details, including images, name, price, size, and offers. Users can add the item to their cart.

Products Detail

Cart Section :

When we use the Add to Bag button to add certain things, the products we choose will appear in the Cart Section. We also have a coupons code for additional savings.

Cart (2)

Login and Create Account :

User can create or login into their account. The registration process for new users will be completed here, and we have done our best to make it as simple as possible.

Login (2) Register

Authors
Madhusudan Sharma
Aashish Kumar
Shashikant Patil
Shivanshu Mishra
Gourav Mishra


How to look up
Go to this link :- https://clone-sephora.netlify.app/


Technologies Used for FRONT-END
• HTML
• Javascript
• CSS


Technologies Used for BACK-END
• MongoDB
• NodeJS
• ExpressJS


Tools
• VS Code
• Github
• Heroku


Functionalities
• Authentication
• Signup using backend.
• Login using backend.
• Logout using backend.
• Google Authentication.


Carting
• Item Addition and Deletion.
• Price Updation on increasing and decreasing products quantity.
• 30% discount on applying coupon code.


Sorting
• Based on Price using backend.
• Based on Brands name using backend.
• Based on popularity using backend.


Website flow
*Visit Landing page
*Visit Register/login page
*Visit Haircare option
*Visit Hairspray and styling products page
*Can sort products according to popularity and price high to low and low to high
*Can filter products according to price and brands
*Can add products to cart
*Can remove products from cart
*Can Checkout
*Can Logout

About

Sephora is a French multinational retailer of personal care and beauty products. Featuring nearly 340 brands, along with its own private label, Sephora Collection.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •