The Home Depot Clone with Backend

MongoDB Express Node.js

The Home Depot Clone with Backend

Hello everyone, Hope all are doing good. I am going to share my unit-4 construct week project experience. As a part of the curriculum, we built a project in the path of learning of every unit to become good developers. In the unit-4 project, we cloned a homedepot.com. I worked with a four members team.

So, home depot is the largest home improvement retailer in the United States, supplying tools, construction products, appliances, and services.

In every unit of the Masai curriculum, we learn new frameworks and implement them in our projects. In unit 4, I learned the backend part of web development frameworks how the data is stored and how it retrieves to the front end using MongoDB, Express and Node.js.

Team Members and their Contribution:

Aditya Prasad Pattanaik:

Created the Registration page and the login page. The whole functionality was carried out using express and mongoose queries. The whole validation is done in creating an account, logging in to the website with email and password credentials with specific characters.

Shyamal Sardar:

Created the Landing page of the project and gave the functionality to the navigation bar to navigate easy and scalable shopping for customers. Also, he managed user authentication using express through mongoose.

Rajnarayana Dasari:

I created the product page along with the product description page for better visibility of a product for the customers. By, using MongoDB s Atlas redirecting to the cart page successfully. I managed the user interface on the product description page.

Kajal Kumari:

Created the Checkout and Payment page and list(favourites) page which is in Home(landing page) and managed the frontend of the pages.

Here are some snapshots of our work:

The Landing page of Home Depot:

screencapture-localhost-2345-index-2022-01-23-20_03_21.png

Registration page:

registration.png

Login page:

login.png

Product page:

products.png

Product Description page:

decription.png

Cart page:

cart.png

Checkout page:

checkout.png

The outcome and important learning from the project:

Experience with Backend was fun and a great thing to learn in a short period like connecting to databases and writing EJS files for responsive front-end pages.

                                    res.send("Thank You and Happy Learning...")