Hello,

We are a team of four members and together we have cloned the Dermstore website. Basically, it is a website from where you can purchase skin care products.

The name of all the team members are :-

• Ankit Sah

• Kratika Songara

• Manish Singh Chouhan

• Utkarsh Keshari

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, log in, signup page, sell page, add to cart, checkout page, functionality to add any product to cart page and displaying its details and total amount, functionality to scroll horizontally on the home page through buttons in various sections, functionality to get the product description if you click its image on all pages except for homepage and functionality to sort the products in some of the pages.

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 (pages which will open are Bestseller, beautyFix and Sale).

In this section of landing page, users can see new arrivals products and scroll through them just by clicking the buttons which are present on the left and right side.

This is the footer part of the landing page where users can know about the company, privacy policy and payment partner, and many more. They can also sign up from the button present in the footer.

This is the Bestseller page. Users can go to this page just by clicking on its name in the navigation bar on the landing page. Users can filter products of their own choice also brand option is there to select the best product.

This is Beautifix page, just clicking on beautifix option in the navigation bar users will be redirected to this page. On this page, there are some company names and by clicking any company name users will be redirected to the company page also subscription option is there users can check the subscription policy by clicking the subscription option

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.

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.

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.

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.

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".

:- Language Used to make this website.

• HTML - 35%
• JavaScript - 35%
• CSS - 30%

:- Tool used for collaboration members.

  1. Git Hub for coding

  2. Zoom for communication 

  3. Slack for communication

                                                
                                             THANK YOU!