FW13-CW-T-52-OverStock_Clone_API_2.0

Cloned overstock.com website using HTML, CSS , Javascript , mongoDB , Node JS and Express JS .

Hello, I am Rahul Kumar. In this blog, I am writing about our project cloning of "overstock.com" using HTML, CSS , JavaScript , mongoDB , Node JS and Express JS which is a part of our first construct week at Masai School. They assigned the project in team and I was assigned to team 52 and my teammates Rohan verma , Nitesh kumar bhagel and Abhishek kumar mishra.

Project Link:

Project Video Link:

Project Deployed Link :- https://overstockv2.netlify.app/

About Project:- Overstock.com, Inc. is an American internet retailer selling primarily furniture headquartered in Midvale, Utah, near Salt Lake City. Patrick M. Byrne founded Overstock.com in 1999. It will help you discover designer brands & home goods at the lowest prices online. With free shipping on EVERYTHING.

Team Members and their contributions:

Rahul Kumar

I have created Individual Product Display page responsive and tried to Designed as per the original page by using HTML, CSS and Dom and Extracting data from MongoDB Atlas using Node application to show how exactly it works by selecting the product color.

Rohan Verma

I have created Header and Footer responsive layouts and tried to Designed as per the original page by using HTML, CSS and Dom. and extracting data from mongoDB atlas using Node application.

Nitesh Kumar Bhagel

I have created category responsive page and extracting data from backend using node application tried to Designed as per the original page by using HTML, CSS and Dom. I worked on to develop Restful API.

Abhishek Kumar Mishra

I have created Sign In and Sign Up responsive page and tried to Designed as per the original page by using HTML, CSS and Dom. I had implemented the google auth authentication System and Email verification system using Node application.

Challenges we faced:-

During this project, we assigned our project task by understanding the strength of each team member. We faced some difficulties at the starting but we resolve them by communicating with each other. We faced lots of challenges while deploying our website on heroku. But with team effort we successfully deployed our website on heroku and netlify.com.

Technologies and Tools Used:-

• HTML
• CSS
• JavaScript
• MongoDB
• Node JS
• Express JS
• Redis
• Amazon Cloud
• Multer S-3

Working Strategy:-

On first day we discussed website structure and functionalities. On the basis of member's strength, we assigned particular work to the member. We we meeting on zoom in morning and evening. In this meeting we discuss about work progress. If someone unable to the particular task that other member helped that member.

Some summary of our project:-

• Address Page

• Products Page

• Razor Page Payment Integration

Things we learned:

Not only we learnt tech-stack, but also we learnt to work in a team, managing the task, understanding the code of the teammates even effectively expressing our thoughts in a team. It was an amazing experience full of learning. One of the most elite things about a team is showing the right way to approach a problem. Thank you so much for reading it till the final words.