Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dulanjalisenarathna/mern-food-delivery-app
React Js Food Delivery App
https://github.com/dulanjalisenarathna/mern-food-delivery-app
ecommerce food-ordering mern mern-ecommerce mern-food-app mern-project mern-stack mern-stack-development stripe
Last synced: about 1 month ago
JSON representation
React Js Food Delivery App
- Host: GitHub
- URL: https://github.com/dulanjalisenarathna/mern-food-delivery-app
- Owner: DulanjaliSenarathna
- Created: 2024-06-17T16:06:45.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-17T13:11:36.000Z (6 months ago)
- Last Synced: 2024-07-17T16:12:43.749Z (6 months ago)
- Topics: ecommerce, food-ordering, mern, mern-ecommerce, mern-food-app, mern-project, mern-stack, mern-stack-development, stripe
- Language: JavaScript
- Homepage:
- Size: 8.5 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Food Ordering Web App (MERN Stack)
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [API Documentation](#api-documentation)
- [Contributing](#contributing)
- [Contact](#contact)
## Introduction
This is a full-stack food ordering web application built using the MERN stack (MongoDB, Express, React, Node.js). The application consists of a customer-facing app for ordering food and an admin app for managing orders, menu items, and more.
## Features
- User authentication and authorization
- Browse food items
- Add items to the cart and place orders
- Stripe Payment Integration: Secure and reliable payment processing using Stripe.
- Order tracking
- Admin panel to manage menu items, orders
## Technologies Used
- **Frontend:** React.js, React Context API, React Router
- **Backend:** Node.js, Express.js
- **Payment Gateway:** Stripe
- **Database:** MongoDB
- **Authentication:** JWT (JSON Web Tokens)
- **Styling:** CSS
## Installation
### Prerequisites
- Node.js
- MongoDB
### Clone the Repository
```sh
git clone https://github.com/DulanjaliSenarathna/mern-food-delivery-app.git
cd mern-food-delivery-app
```
## Backend Setup
Navigate to the backend directory:
```sh
cd backend
```
Install dependencies:
```sh
npm install
```
Create a .env file in the backend directory and add the following:
```sh
JWT_SECRET="random#secret"
STRIPE_SECRET_KEY="sk_test_51JhWAiRXoTvIuM91beRv8XldfL3GGKyuLhzabkSwNeIXryY51G9UKnwNUFcotg0N6k4UAGhiprjJd4XhAF85JCN4004TC42zkl"
```
Start the backend server:
```sh
npm run server
```
## Frontend Setup
Navigate to the frontend directory:
```sh
cd frontend
```
Install dependencies:
```sh
npm install
```
Start the frontend server:
```sh
npm run dev
```
## Admin App Setup
Navigate to the admin directory:
```sh
cd admin
```
Install dependencies:
```sh
npm install
```
Start the admin app :
```sh
npm start
```
## Usage
Access the customer-facing app at http://localhost:5173.
Access the admin app at http://localhost:5174.
Register as a new user or log in with existing credentials.
Browse the menu, add items to the cart, and place an order.
Pay using dummy visa card
Use the admin panel to manage orders, menu items.
## Screenshots
## API Documentation
The API endpoints for the backend can be documented using tools like Postman or Swagger. Include endpoints for user authentication, menu items, orders, and more.
## Contributing
Contributions are welcome! Please fork the repository and create a pull request with your changes. Make sure to follow the code style and include relevant tests.
## Contact
For any questions or suggestions, feel free to contact me.
Happy coding!
Feel free to customize this template according to your specific project details and requirements.