FoodWebApp icon indicating copy to clipboard operation
FoodWebApp copied to clipboard

The main aim of the project is to develop a web-based application that is going to make it possible for the customer to place an order of food by using this app . In this we are also creating food re...

Food Ordering WebApp

Website HitCount GitHub forks GitHub stars Github License contributors

Table of Contents

  • General Info
  • Features to implement in future
  • Tech Stack Used
  • Prerequisites to run the project
  • Steps to run the project
  • Live Project
  • Contact

General Info

The project's main aim is to develop a web-based application that will make it possible for the customer to order food using this app.

In this, we are also creating a food recommendation app that will substitute the manual ordering system with an automated one.

There is a separate module where each task that was identified as necessary in order to develop the Food Web App or Food Ordering WebApp successfully is presented and described in detail

  • This project aims to create two interfaces that are Customer, Admin
  • User Interface- Used to create an interface where the Customer can place orders, review etc
  • Admin Interface- Used to create an interface where the Admin can add the food products, modify them, delete the food product
  • It also provides good authentication so that the legitimate user can use this app
  • Backend using MongoDB

At present, only the frontend and Backend of the website have been developed, which consists of the landing page,sign-in and sign-up and profile and cart and product description page.

Features to implement in future:

  • Recommendation System using Unsupervised Learning
  • Payment Gateway to be established.
  • GPS tracking needs to be done.
  • Google,Facebook authentication

Tech Stack Used:

Frontend:

reactjs  react-router  redux  tailwindcss  mui 

Backend:

nodejs  expressjs  mongodb  ![jwt]( https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white) 

Cloud Storage: Cloudinary

Prerequisite to run the project in your desktop

It is recommended that your laptop should have the following specifications in order to run this project:

  • NodeJs
  • npm
  • Visual Studio Code (or any other IDE)
  • git

Steps to run the project:

  1. Clone the project using the git clone command in terminal
    • git clone https://github.com/VGandhi27/FoodWebApp.git
  2. Open the FoodWebApp folder in Visual Studio Code (or any other IDE)
  3. In the terminal section of the Visual Studio Code run the following command
    • npm i - It will install all the node modules/libraries to run this WebApp
  4. Now run the following command
    • cd server npm start - It will start the server
    • cd client npm start - It will host the project on a local server

Live Project link

https://goodnessfood.netlify.app

📬 Contact

If you want to contact me, you can reach me through the below handles.

  Linkedin Badge  

Show some ❤️ by starring this repository!