Clone_MamaEarth

Mamaearth is an Indian company of Health, Wellness & Fitness. It is Asia’s first MadeSafe certified brand. The brand’s proposition and the dire need for toxin-free organic products. It is one of the leading companies or a brand which intends to make the lives of mums & expectant mums better and more beautiful

Cloning Mamaearth was our project for Unit-4 Construct week at Masai School. Our main objective was to complete all main functionality of this e-commerce website , such as sing up, filtering, sorting of product to till to the buying of a product. We have completed this project in 5 days.

• Click here to preview our project.
• Click here to view our Blog.

MamaEarth A brand that welcomes all babies to a healthy and safe world.

🛠 Skills

• HTML 5
• CSS 3
• JavaScript
• React
• GitHub

Client: Mamaearth

Features

• Home page with a quick glimpse of the whole website, products of all categories, and comparison with other’s product
• Authentication page — Login / Sign Up / Profile and their Pop-Ups.
• Product slider for different categories.
• Product page for different categories.
• Detailed product preview page.
• Add to cart option for buying products.
• Payment Page.

Brief Video Demo

Click here to watch our brief project preview in a video format.

Challanges

• This time our team was working with the React library and no one was confident in this. I was totally unable to work with the library of React. Then we decided That I (Rohit Kumar Gupta) will work using HTML CSS and JavaScript. And they will convert it into React and finally, we will merge. I cloned the pages like the Authentication page(login, Signup, and otp page), Profile page, MamaCash page, Manage address page, and contacts page with 100% functionality and responsive for mobile view and desktop view. But at the time of conversion, we were unable to convert it and at last, our team decided to create an authentication page separately using React and merge to complete the project.

• We faced challenges with CSS As popup message alignment.

• And at last, we faced the problem to make it responsive to mobile view and finally we have submitted a desktop view clone.

Features

• Live previews
• Fullscreen mode

🔗 Links

Authors

Click the name to visit their Github Profile

• Rohit Kumar Gupta
• Shubham Paswan
• Sai Kiran Arishanapalli
• Bharanishwaran
• Aun Mohammad
• Sachin Ingale

Support

For support, email - rg15697@gmail.com