Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/omarsanad3/food-ordering-app
Food Ordering Application (MERN)
https://github.com/omarsanad3/food-ordering-app
authentication bootstrap5 css3 expressjs html5 mongodb mongoose nodejs react-router reactjs rest-api
Last synced: 17 days ago
JSON representation
Food Ordering Application (MERN)
- Host: GitHub
- URL: https://github.com/omarsanad3/food-ordering-app
- Owner: OmarSanad3
- Created: 2024-10-12T11:29:50.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-19T18:08:05.000Z (about 2 months ago)
- Last Synced: 2024-11-19T19:24:13.256Z (about 2 months ago)
- Topics: authentication, bootstrap5, css3, expressjs, html5, mongodb, mongoose, nodejs, react-router, reactjs, rest-api
- Language: JavaScript
- Homepage:
- Size: 38.2 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Food Ordering App
Welcome to the **Food Ordering App**! This application allows users to browse restaurants, view menus, place orders, and manage their carts seamlessly. Whether you're hungry for a quick bite or planning a full meal, our app provides a user-friendly platform to satisfy your cravings.
## Table of Contents
- [Features](#features)
- [Demo](#demo)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
## Features
- **User Authentication**
- Sign Up and Login functionality.
- Secure authentication using tokens.
- **Restaurant Browsing**
- Browse restaurants by city.
- View detailed restaurant information.
- **Menu Display**
- View menus with images, descriptions, and prices.
- Search for specific dishes.
- **Cart Management**
- Add and remove items from the cart.
- View total prices and manage orders.
- **Order Placement**
- Place orders with delivery options.
- Track order status in real-time.
- **Responsive Design**
- Optimized for both desktop and mobile devices.
- **Feedback and Ratings**
- Rate restaurants and leave reviews.
- View ratings from other users.
## Demo
## Technologies Used
- **Frontend**
- [React](https://reactjs.org/)
- [React Router DOM](https://reactrouter.com/)
- [Axios](https://axios-http.com/)
- [React Context API](https://reactjs.org/docs/context.html)
- [Bootstrap](https://getbootstrap.com/)
- [React Hot Toast](https://react-hot-toast.com/)
- **Backend**
- [Node.js](https://nodejs.org/)
- [Express.js](https://expressjs.com/)
- [MongoDB](https://www.mongodb.com/)
- **Other Tools**
- [VS Code](https://code.visualstudio.com/)
- [Git](https://git-scm.com/)
- [GitHub](https://github.com/)
## Installation
Follow these steps to set up the project locally.
### Prerequisites
- [Node.js](https://nodejs.org/) installed on your machine.
- [Git](https://git-scm.com/) installed.
### Steps
1. **Clone the Repository**
```bash
git clone https://github.com/your-username/food-ordering-app.git
2. **Navigate to the Project Directory**
```bash
cd food-ordering-app
3. **Install Dependencies**
```bash
npm install
4. **Set Up Environment Variables**
```bash
REACT_APP_API_URL=http://localhost:3000
5. **Start the Development Server**
```bash
npm run dev