Flower-shop

animate

INTRODUCTION

my flower is an E-Commerce platform that allows users to buy flower online and With flower

FEATURES

  • User-friendly Interface
    The website offers a user-friendly interface for easy and enjoyable food discovery and online ordering.

  • Authorization and Authentication
    The website provides secure authorization and authentication features, including login with Google and email verification.

  • Search Functionality
    The website offers searching for flower based on it`s price or name.

  • Detailed flower Information
    The website provides the required information about the flower like: name, description, image and price.

  • Shopping Cart
    The website includes a shopping cart functionality where users can add foods they wish to purchase.

  • Secure Checkout and Payment Process
    The website ensures a secure and hassle-free checkout process, and make payments through a secure payment gateway.

  • Mobile Responsiveness
    The website is designed to be responsive across various devices, including smartphones and tablets.

DEMO

🎥 Watch Our Demo Video from Here

INSTALLATION

  • CLONE THE REPOSITORY

      git clone https://github.com/weamibrahim/flower-shop
    
  • BACK-END INSTALLATION

    Use the command cd followed by the directory path backend

      cd BackEnd
    

    Install the necessary dependencies by running the following command

      npm install
    

    Run Back-End Server

      nodemon main.js
    
  • FRONT-END INSTALLATION

    Use the command cd followed by the directory path frontend

     cd FrontEnd
    

    Install the necessary dependencies by running the following command

      npm install
    

    Run Front-End Server

      ng serve -o
    

Open your web browser and navigate to `https://flowershop-bw6z.onrender.com` to access the Threads & Beads website.


TECHNOLOGIES

  • react.
  • Node JS
  • MongoDB
  • HTML/CSS
  • Bootstrap

Deployment

we can see it [https://flowershop-7326f.web.app]