/1800flowers-clone

1-800-Flowers.com, Inc. is a floral and foods gift retailer and distribution company in the United States. This is a collaborative project build in 4 days. Tech stack used : Next.js, Bootstrap, Chakra-Ui

Primary LanguageJavaScript

1800flowers.com Clone


🖥️ Tech Stack

Frontend:

Nextjs chakra-ui javascript restAPI css3 html5

Deployed On:

vercel heroku



View DemoGetting StartedInstallingAuthor

1800flowers.com Clone is NextJS e-commerce web application that allows you to buy flower products online with effortable prices. It has a variety of categories, just visit the product listing page and you will see all the products, apply filters as per your need and in just a few clicks you can buy any products from the website. This project is just for educational purpose.

Duration

We made this project within the 4 days

Screens

  • Homepage / Landing Page
  • Product Listing Page with all categories
  • Product Description Page
  • Cart Management Page
  • Login / Logout Page
  • Single Product Page

🚀 Features

  • Login and Signup User Account
  • Product Sorting Based on Price, Rating and Name
  • My Orders Section for details of all ordered item
  • Cart Add

Glimpses of 1800flowers-Clone :





home

Getting Started

This project was built using NextJs, Chakra UI, HTML, CSS, JavaScript, Rest API . It is an e-commerce web application and for running on your local environment you should follow these guidelines.

create-vite

With NPM:

$ npx create-next-app@latest

With Yarn:

$ yarn create next-app With PNPM:

$ pnpm create next-app Runs the app in the development mode.
Open http://127.0.0.1:5173/ to view it in your browser.

The page will reload when you make changes.\

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

npm install npm run dev Your app is ready to be deployed!

See the section about deployment for more information.

Tools used on this project

  • Visual Studio Code

Contact Us

If you want to contact us, you can reach me through below handles.
linkedin GitHub

linkedin GitHub

linkedin GitHub

linkedin GitHub

Show your support

Give a ⭐️ if you like this project!