https://github.com/swarnavopramanik/Food-Flow
MERN Food Ordering System is a Web app built on the MERN (MongoDB, Express, React, Node) stack of web development. It uses Redux for the state management and Material UI as component library. It is a food ordering website, where registered users can order for food from a particular restaurant.
https://github.com/swarnavopramanik/Food-Flow
javascript mern-stack mongodb nodejs postman-api reactjs
Last synced: 6 months ago
JSON representation
MERN Food Ordering System is a Web app built on the MERN (MongoDB, Express, React, Node) stack of web development. It uses Redux for the state management and Material UI as component library. It is a food ordering website, where registered users can order for food from a particular restaurant.
- Host: GitHub
- URL: https://github.com/swarnavopramanik/Food-Flow
- Owner: swarnavopramanik
- Created: 2022-09-26T12:52:04.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-02T16:57:43.000Z (about 2 years ago)
- Last Synced: 2025-02-15T02:41:33.036Z (over 1 year ago)
- Topics: javascript, mern-stack, mongodb, nodejs, postman-api, reactjs
- Language: JavaScript
- Homepage: https://medium.com/@swarnavo.pramanik1701/design-lld-a-system-for-online-food-ordering-and-delivery-like-zomato-93b70cc79a3f
- Size: 1.75 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Food Flow🍕
Food Flow Services
My Food Flow Site to help in designing and developing for restaurant business owners to speed up their business enlargement and
deliver the most excellent online results for the restaurant business.
## Project Demo
- [Initiation Phase](https://vimeo.com/1091730677?share=copy)
LLD (Low-Level Design) system for the restaurant business
- [Blog ](https://medium.com/@swarnavo.pramanik1701/design-lld-a-system-for-online-food-ordering-and-delivery-like-zomato-93b70cc79a3f)
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Getting Started](#roadmap)
- [Installation](#installation)
- [Technology Stack](#technology-stack)
- [Usage](#usage)
- [Testing](#testing)
## Overview
Food-Flow is a powerful food delivery platform designed to elevate restaurant operations and customer engagement.
## Why Food-Flow?
This project empowers restaurant owners with essential tools to streamline operations and enhance customer satisfaction. The core features include:
- 🍔 Comprehensive Food Delivery Platform: Elevates restaurant visibility and operational efficiency.
- 🔒 Secure Payment Processing: Ensures safe transactions for users with integrated payment options.
- 📦 Real-time Order Tracking: Enhances user experience by allowing customers to track their orders seamlessly.
- 🔑 User Authentication: Implements JWT-based authentication for secure user access and management.
- 📋 Dynamic Menu Management: Allows restaurants to easily manage and update their menus in real-time.
- 📱 Responsive Design: Ensures a seamless experience across devices, enhancing accessibility for users.
## Features
- We can assist restaurant owners with the design and development of web applications that will help them expand their companies more quickly and achieve the best potential online outcomes.
## Getting Started
- Prerequisites
This project requires the following dependencies:
Programming Language: JavaScript
Package Manager: Npm
## Installation
1. Clone the repository:
```
❯ git clone https://github.com/swarnavopramanik/Food-Flow
```
2. Navigate to the project directory:
```
❯ cd Food-Flow
```
3. Install the dependencies:
Using [npm](https://www.npmjs.com/) :
```
❯ npm install
```
## Technology Stack
- [Next.js](https://nextjs.org): A React framework for building server-rendered applications.
- [TypeScript](https://www.typescriptlang.org): A typed superset of JavaScript that enhances code quality and developer productivity.
- [Redux Toolkit](https://redux-toolkit.js.org/): A A powerful state management tool.
- [ESLint](https://eslint.org): A pluggable JavaScript linter that helps identify and fix common code issues.
- [Tailwind CSS](https://tailwindcss.com): A utility-first CSS framework for building custom user interfaces.
- [Shadcn UI](https://ui.shadcn.com/): A collection of re-usable components built using Radix UI and Tailwind CSS.
- [MongoDB](https://www.mongodb.com/): MongoDB is a source-available, cross-platform, document-oriented database program.
- [GCP](https://cloud.google.com/?hl=en): Use your user credentials to sign in to the Google Cloud CLI, and then use the tool to access Google Cloud services.
## Usage
Run the project with:
Using [npm](https://www.npmjs.com/) :
```
npm start
```
## npm test
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
## npm run build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
## npm run eject
Note: this is a one-way operation. Once you eject, you can't go back!
If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
## Learn More
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
Code Splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
Analyzing the Bundle Size
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
Making a Progressive Web App
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
Advanced Configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
Deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
npm run build fails to minify
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify