/Derm-Store-Clone

Dermstore is An E-commerce website that sells cosmetics and skin care products. It is a collaborative project completed in 5 days with 4 members by using html, css and javascript.

Primary LanguageHTML

Derm-Store-Clone

Deployed live link

Project Details

It is a collaborative project of four members completed in 5 days. Basically, it is an Ecommerce website where you can purchase skin care and all beauty products.

Tech Stacks used - HTML, CSS, JavaScript.

We have tried to create as many features as we can of this website. Some of the pages and features which we created are :

  • Landing Page.
  • Signup/Signin Pages.
  • Product Pages.
  • Cart Page.
  • Payment Page.
  • Checkout Page.

Landing Page:

On the landing page, there are many options like a search bar where users can search products by product name or Brand, then there is also an account option where users can log in or signup and beside it, cart option is also there and by clicking on the cart option users can see the products which they have added to the cart. By clicking on any navbar button their respective page will be open.

dermtore

Signup/Signin Pages:

This is the signup page, which the user will get if he clicks on the continue button on the account page and new users can create an account here.

signupderm

This is the login page by clicking on the account option on the landing page users will be redirected to the login page if the users are existing customers they can login by the same email and password or by Facebook account or google account. If users are new customers then by clicking on continue they will be redirected to the signup page.

loginDerm

Product Page:

Whenever sale starts this page will show those products which are on sale. And here users can also filter the products by prices of their own choice. And they can also add the products to the cart just by clicking on Add to Cart button.

prodderm

Cart Page:

This is the user's cart page, after clicking on the add to cart option users can see their product on the cart page. To get redirected to this page users need to click on the cart option in the navigation bar. Here users can check the product name, quantity, and total price.

cartdem

Checkout Page:

This is the Checkout page, which is the last page of the website. The user will get redirected to this page once he clicks on the checkout securely button on the cart page. The user needs to fill his account details and then after clicking on submit my order button and after clicking he will get an alert saying "Order placed Successfully".

checkoutderm

  • OTP: payderm