/blooming_cart

Grab Exciting Deals On Gifting Products Only On Blooming Cart India Store. Shop Unrivalled Range Of Flowers and Gifting Products. It is an ecommerce website where we can interact and place our orders

Primary LanguageJavaScript

BloomingCart

Clone of 1800flowers.com

Deployed Link - https://blooming-cart.netlify.app/

What is Blooming Cart?

Grab Exciting Deals On Gifting Products Only On Blooming Cart India Store. Shop Unrivalled Range Of Flowers and Gifting Products. It is an ecommerce website where we can interact and place our orders

Technology Stack Used

In this project i have used the following tech stack.

  • HTML
  • CSS
  • JAVASCRIPT
  • ReactJS
  • Redux
  • EXPRESS
  • NODEJS
  • MONGODB - Atlas

To make this clone i have used HTMl, CSS and JavaScript, ReactJS for front-end and NodeJS, ExpressJs and MongoDB for back-end, and for conecting the Database we have used MongoDB.

Libraries Used

All the images, icons, and links have taken from the original website (https://www.1800flowers.com/)

🚀 Features

  • whole website is fully Responsive.
  • Landing Page & Footer.
  • Login and Signup Page with Express,mongodb,Nodejs & React.
  • Product Page.
  • Product Details in brief manner.
  • Cart Add and Remove Items
  • Cart Update Quantities
  • Order Summary
  • Admin Page

Snapshots of Our Project 📸

Landing Page

-Desktop View image

-Mobile View image

This is the landing page of my website. You can see and choose all latest and trending top products from here.

SignUp Page

image

You can signup with my website from here .

Login Page

image

You can login to my website from here by entering required details.

Product Page

image

Here, you can choose a category of products whatever you want and add the necessary product.

SingleProduct Page

image

Here, you can see all of your products which are added into cart, you can avail the discount by applyling the promocode in respective field and you can remove any product from here also.

Cart page

image

In this page you can add your quantity.

Address Page

image

Checkout Page

image

You can see lot of payment options here and you can choose any one of them to pay for your product.

Summary Page

Run Locally

Clone the project

  git clone https://github.com/kirti2818/organic-pets-4780.git

Go to the project directory

  cd organic-pets-4780

Install dependencies for frontend as well as backend

  cd frontend
  npm install
  cd backend
  npm install

Start the localhost server

  cd frontend
  npm start

Deployed link

Netlify Link

https://blooming-cart.netlify.app/

Show your support

Give a ⭐️ if you like this project!