My FeedDiscussionsHashnode Enterprise
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
Make a clone of Fabbag.com

Make a clone of Fabbag.com

Arpit Sachan's photo
Arpit Sachan
·Oct 1, 2021·

2 min read

Hello readers, my name is Arpit Sachan. I learn Full stack web Development at Masai School. During unit-3 construct week of Masai School, I have to build the clone of Fabbag.com. This is a solo project during this project I created a full-stack application including frontend and backend.

Important Functionality

  • I created a search engine where you can find your relevant product from the database.
  • Each product have his share option and also you can choose you best package of the product by month.
  • On the checkout Page, you can do a payment Using Razorpay.

What technology used in the project

In Frontend Side - HTML , CSS , Bootstrap

In Backend Side - Express, Mongoose

In Database - MongoDB

Payment Gateway - Razorpay

How to get the Project

Github Link - https://github.com/sachanarpit/fabbag-clone

1st Step

open your terminal and paste this command

git clone https:github.com/sachanarpit/fabbag-clone.git

2nd Step

open this folder and run the command on the terminal

npm i express mongoose

3rd Step

after installation run this command to run the project on local machine

npm run server

Final Step

In this step open the browser and open this link

http://localhost:2349/

Some screenshots of the project

HomePage

screencapture-localhost-2349-2021-10-01-17_08_14.png

search Engine

screencapture-localhost-2349-2021-10-01-17_08_56.png

product page

screencapture-localhost-2349-products-6156432dff4131e5cf189a69-2021-10-01-17_09_35.png

cart Page

screencapture-localhost-2349-cart-2021-10-01-17_10_16.png Page

Checkout Page

screencapture-localhost-2349-checkout-2021-10-01-17_10_57 (1).png

payment Page

screencapture-localhost-2349-checkout-2021-10-01-17_12_47.png

Thank You page

screencapture-localhost-2349-thankyou-2021-10-01-17_14_23.png

Conclusion

I hope this article is helpful for you. if you like this article please share on social media to help others.

Thank You