Team_nitrogen

Project Title : MAMA EARTH CLONE

Mamaearth Natural & Toxin Free Skin Care Products Online. Only Toxin Free Madesafe Certified Brand In India.

Getting Started with --

We are using this tools and technology to clone the website.

Technologies

1. HTML
2. CSS
3. JAVASCRIPT

Tools

1. VS CODE
2. GIT
3. GITHUB
4. MOCK SERVER API's
5. HEROKU FOR MOCK SERVER API's DATA STORE

Tools for communications

1. SLACK
2. ZOOM

Before starting the cloning of original website firstly, we tried to understand the features and functionality of the website then we proceed to cloning the website.

we start from the Home Page where all the products are listed and many categories of products are available for shopping

1. Click on "MAMA EARTH" button from the upper bar

• It show all the listed categories of products.


• All the options on the left side are not active. you can route to any pages through these buttons.This functionality are made in javascript.
  
  
  These are the pages which is linked in the Header section as Menus :
  
  
  • Best Sellers : On Clicking over it, you route to the another page like baby.
    Note: All the best Sellers products is avilable.
  
  
  • In this page you can also search the products in search bar like - baby, diaper, powder, oil.
  
  
  • You can purchase the items on clicking the ADD TO CART button.
  
  
  • After clicking on the add to cart button that product are goes to the cart.
  
  
• That's all about "HOME page" moving on to the next one...

---

2. Click on "BABY" button in the upper Menu

• BABY: In this page all the products are showing which is related to the baby.
  You can filter accordingly your need like Diaper, powder, soap, etc.



• That's all about "BABY" moving on to the next one...

---

3. Click on "BEAUTY" button from the upper bar

• BEAUTY: In this page all the products are showing which is related to the baby.
  You can filter accordingly your need like Diaper, powder, soap, etc.



• That's all about "BEAUTY" now moving on to the next one...

---

4. Click on "HAIR" button from the upper bar

• HAIR: In this page all the products are showing which is related to the HAIR like Hair colour, etc.
  You can filter accordingly your need like Hair colour, sampoo, soap, etc.



• That's all about "HAIR" now moving on to the next one...

5. Click on "FACE" button from the upper bar

• FACE: In this page all the products are showing which is related to the FACE like cream, powder, etc.
  You can filter accordingly your need like cream, powder, soap, etc.



• That's all about "FACE" now moving on to the next one...

6. Click on "BODY" button from the upper bar

• BODY: In this page all the products are showing which is related to the Body like Lotion, oil, etc.
  You can filter accordingly your need like Lotion, soap, etc.



• That's all about "BODY" now moving on to the next one...

7. Click on "GIFT PACK" button from the upper bar

• GIFT PACK: In this page all the products are showing which is Specially for gifts to set of items.
  You can filter accordingly your need.



• That's all about "GIFT PACK" now moving on to the next one...

8. Click on "ALL PRODUCTS" button from the upper bar

• ALL PRODUCTS: In this page all the products are showing.
  You can filter accordingly your need.



• That's all about "ALL PRODUCTS" now moving on to the next one...

---

Cart checkout page for place the order of products.

• From cart page you can fill the details of the Customer and placed the order


• After placed the it show some message



• That's all about "ALL PRODUCTS" now moving on to the next one...

---

---

---

👤 Shalendra Singh

• Github : shalendrasingh
• Email : [email protected]

👤 Rajat Sahu

• Github : rajatsahu18
• Email : ([email protected])

👤 Sohail shaik

• Github : sohailshaik8328
• Email : ([email protected])

👤 Ankur

• Github : ankurpoplu
• Email : ([email protected])

## Thank u for giving it a read................