Sugar Cosmetic - clone

• Sugar cosmetic is selling online beauty products, This is the site where you can various type of cosmetic products like makeup kit , powder , brushes etc . This is very popular site in India . This is a clone project of sugercosmetic.com. this is collobrative project, It took 4 days to complete.

Tech Stack

HTML: 20.8%

CSS: 16.6%

JAVASCRIPT: 62.6%

In this majority parts , we created by using JavaScript because We tried to make it as possible as more dynamic .

Group Members

• Niraj Kumar :-

• Eswar Sai :-

• Vishesh Kumar Singh :-

• Santosh Kumar :-

• Bheem Ratan :-

• Ravi Nishad :-

Netlify link -

https://zingy-druid-0af270.netlify.app/

Git Hub Repo -

https://github.com/ravinishadcoder/SUGAR-Cosmetic-Clone

Sample of Our Site :-

Navbar Section : -

This is Navbar section , Design by Ravi Nishad . He add some functionality in this navbar section like search functionality . After Clicking login button login page appear in right side of the page .He also contribute in creating payment page and footer part.

Login/Register Page

This is login and register page , on clicking login button login page will appear , there you should have to enter your Mobile Number . On clicking request opt button you will receive Otp enter that otp in bottom of that page . After clicking on Verify button another page will appear there were you have to fill some details of your .

Home Page :-

This page was created by Eswar Sai . Truly he worked hard on this page because in this page had many additional functionality like images are slide automatic as well as on clicking arrow button . And this page had streaming section where videos are play auto on hovering .

Make-Up Page : -

This page was created by Bheem Ratan . This makeup page had three sub catagory like Lips , Face , Eyes . You can click any of section you will redirect to that page . In this page also had filter and sort functionality .

Brushes : -

This page was created by Vishesh . This page has same functionality as Makeup Page . This page also divided into two pages like Face Brushes and Eyes brushes . If you want to buy face brush related products , simply click on that you will redirect to that page .

Skin-Care Page :-

Santosh Kumar worked on this page , here you can see this is skincare page . In this page you will see skin related products . This page also contain various type of catagory as you can see there .

Trending Page :-

This page was created by Niraj Kumar . If you want to buy product that is currently in trend , you can explore this page . Here , you can see all the trending products in India . This page also had filter and sort functionality .

Cart Page :-

This is cart page , In this page you can see all products that you added in you bag or cart . Here , you can see your total cart product with total price . From here you increase quantity or you can remove the products .

Payment Page :-

This payment section was created by me . Here you can see various type of payment method .