Indiamart-Blue Heaven Cosmetics Clone:Our first Construct week at Masai School

First of all i would like to thank you masai school to giving us a great opportunity,which help us to implement and experiment with what we have learned both in soft skills and coding.

Introduction

The project we got alloted is to clone the website of Blue Heaven Cosmetics Pvt.Ltd in IndiaMart.com, IndiaMART InterMESH Ltd. is an Indian e-commerce company that provides B2B and customer to customer sales services via its web portal. The group began in 1996, a business-to-business portal to connect Indian manufacturers with buyers.And Blue Heaven Cosmetics was started in 1974 by two young brothers.

We tried our best to clone the website in this limited time of one week. Actually this was a tough journey for me and my team members to do complete this in given time, because we have no pior experience in collaboration. However our team was so great that can understand each ones potential and assign the task ourself and get it done on time.

Deploy link: https://chimerical-empanada-f4a3f8.netlify.app/

Tech Stack used

1. HTML
2. CSS
3. JavaScript

Toolsets used

• GitHub for code collaboration
• VScode for coding
• Slack and Zoom for Communication
• Inkscape for editing images

Getting into our Project

Home page

This is the landing page of our website.

Product and Service page

All the products categories available are listed in this page.

About Us page

This page is all about the details of the company

Contact Us page

The contact details of the Company are given here

Products page

The all products available in each respective category is listed in this page

Signup page

In order to get in touch with the manufacturer you have to signup

Checkout page

When clicking on the buy now on ready to ship products this will redirect to this page.

Ask More page

On clicking on the ask more button in product page you can book the required qty in this page.

Our Team Members

• Deepak Kumar Singh
• Muhammed Fahiz
• Subham Sharma
• Tamilarasan

Team Contributions :-

Deepak Kumar Singh

My Linkedin profile :-https://www.linkedin.com/in/deepak-singh-07869421b

First project forces us the search new things and provides opportunity for alot of learnings.

1. I worked on some part of the home page tried clone it exactly like the original website's page specifically when it comes to the , footer(Here To Help), Ready to ship products ,Related categories and contact us.
2. Apart from Home page,I have also created the, view more details page in product and services section.
3. In this project ,I smell the work surrounding of professionals, and my team members are professional as well as supportive. And someother syncing functionality in this project was part of my job.

Muhammed Fahiz

My Linkedin profile :- https://www.linkedin.com/in/muhammed-fahiz-p-a-62804515b/

1. I worked on the home page.
2. Both Navbars,product showcase widget, Get in touch with us, review and rating widget and readme.
3. Worked on fixing the navbar and footer on all pages and syncing all the pages, files and some bug fixing are also done by me.

Subham Sharma

My Linkedin profile :-https://www.linkedin.com/in/subham-sharma-1ab872229/

I have worked hard and smartly and I sigmented the problems in website building in small parts.

1. I worked on the product page , I have created Related products from top suppliers as well as Product And Services pages.

2. I also have created one of the most crucial part sign in/sign out pages and the checkout pages.

3. I learn a lot of things in JavaScript, learn more about local storage, how to append, add the product to the cart, making sliding and drop-down pages, and also improved my HTML & CSS, I like working as a team, interact with each other professionally.

4. I used HTML, CSS, JS, and Local-Storage ( to store and get data) and creative tags in JavaScript .

Tamilarasan

My Linkedin profile :-https://www.linkedin.com/in/tamilarasan-r-a44965207/

I used many properties and learnt a lot of things from this project :-

1. I used HTML, CSS, JS and Local Storage ( to store and get data).
2. I have created About Us page, Enquiry Form and store the data in console.
3. I created the side NAVBAR to improve the user interface of the website and also done some part of header NAVBAR.

For this project, We had first collaborated on Git-hub, which made life easier even when We would working from home. For building our website we mainly used the concept tought in the lecture so far such as HTML, CSS, JAVASCRIPT and the contribution of these are as follows:-

• HTML-45% 
• CSS-34%
• JS-21%

What we have learned?

On this journey we faced many issues, but we keep motivated each other with patience. By this Project we have learned how to collaborate and communicate with team effectively and improving the productivity. We learned how to be together in all the hurdles on the way . Also get good in understanding team members code.

Source Code(GitHub link):- https://github.com/fahisayub/BlueHeavenClone

We hope that Our effort will rain positive vibes.

Thank you