https://github.com/abbaszaidi123/food-ordering-full-stack-application
MERN Stack-powered food ordering website that makes online food shopping easy and secure. With user and admin panels, secure JWT Authentication, Stripe payments, and essential features like Login, Add to Cart, and Order Management, it's perfect for a seamless food ordering experience.
https://github.com/abbaszaidi123/food-ordering-full-stack-application
django javascript mongodb nextjs python reactsjs rest-api routing web websockets
Last synced: over 1 year ago
JSON representation
MERN Stack-powered food ordering website that makes online food shopping easy and secure. With user and admin panels, secure JWT Authentication, Stripe payments, and essential features like Login, Add to Cart, and Order Management, it's perfect for a seamless food ordering experience.
- Host: GitHub
- URL: https://github.com/abbaszaidi123/food-ordering-full-stack-application
- Owner: abbaszaidi123
- Created: 2025-03-02T02:36:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-02T02:44:27.000Z (over 1 year ago)
- Last Synced: 2025-03-02T03:31:24.702Z (over 1 year ago)
- Topics: django, javascript, mongodb, nextjs, python, reactsjs, rest-api, routing, web, websockets
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TOMATO - Food Ordering Website
This repository hosts the source code for TOMATO, a dynamic food ordering website built with the MERN Stack. It offers a user-friendly platform for seamless online food ordering.
## Demo
- User Panel: [https://food-delivery-frontend-s2l9.onrender.com/](https://food-delivery-frontend-s2l9.onrender.com/)
- Admin Panel: [https://food-delivery-admin-wrme.onrender.com/](https://food-delivery-admin-wrme.onrender.com/)
## Features
- User Panel
- Admin Panel
- JWT Authentication
- Password Hashing with Bcrypt
- Stripe Payment Integration
- Login/Signup
- Logout
- Add to Cart
- Place Order
- Order Management
- Products Management
- Filter Food Products
- Login/Signup
- Authenticated APIs
- REST APIs
- Role-Based Identification
- Beautiful Alerts
## Screenshots
- Hero Section
- Products Section
- Cart Page
- Login Popup
## Run Locally
```
Go to the project directory
```bash
cd Food-Delivery
```
Install dependencies (frontend)
```bash
cd frontend
npm install
```
Install dependencies (admin)
```bash
cd admin
npm install
```
Install dependencies (backend)
```bash
cd backend
npm install
```
Setup Environment Vaiables
```Make .env file in "backend" folder and store environment Variables
JWT_SECRET=YOUR_SECRET_TEXT
SALT=YOUR_SALT_VALUE
MONGO_URL=YOUR_DATABASE_URL
STRIPE_SECRET_KEY=YOUR_KEY
```
Setup the Frontend and Backend URL
- App.jsx in Admin folder
const url = YOUR_BACKEND_URL
- StoreContext.js in Frontend folder
const url = YOUR_BACKEND_URL
- orderController in Backend folder
const frontend_url = YOUR_FRONTEND_URL
Start the Backend server
```bash
nodemon server.js
```
Start the Frontend server
```bash
npm start
```
Start the Backend server
```bash
npm start
```
## Tech Stack
* [React](https://reactjs.org/)
* [Node.js](https://nodejs.org/en)
* [Express.js](https://expressjs.com/)
* [Mongodb](https://www.mongodb.com/)
* [Stripe](https://stripe.com/)
* [JWT-Authentication](https://jwt.io/introduction)
* [Multer](https://www.npmjs.com/package/multer)
## Deployment
The application is deployed on Render.
## Contributing
Contributions are always welcome!
Just raise an issue, and we will discuss it.