An open API service indexing awesome lists of open source software.

https://github.com/web-dev-codi/food-delivery-service-app

Berlin, Germany food delivery app mock up
https://github.com/web-dev-codi/food-delivery-service-app

app express food-delivery git mern-stack mongodb mongoose reactjs school-project tailwindcss vitejs

Last synced: about 1 year ago
JSON representation

Berlin, Germany food delivery app mock up

Awesome Lists containing this project

README

          

# Four Flavors Express

###### Welcome to Four Flavors Express, your go-to food delivery platform that brings the best flavors from your favorite restaurants straight to your doorstep. Whether you’re craving local street food, gourmet dishes, or international cuisine, we’ve got you covered.

###### 🌐 Website
###### Watch Demo: [Demo](https://drive.google.com/file/d/1b_ZirKRo9iAmrkRqNXs8_AtI6kHvCfd_/view?usp=sharing)
###### Visit us at: [Four Flavors Express](https://fourflavoursexpress.onrender.com/)

## πŸ“± About Four Flavors Express

###### Four Flavors Express is designed to provide a seamless food ordering experience. We partner with a wide range of restaurants, ensuring you have access to diverse menus and delicious meals, all delivered fast and fresh.

### Key Features

###### βœ… Easy Restaurant Browsing
###### βœ… Real-Time Order Tracking
###### βœ… Secure Online Payments
###### βœ… Personalized Recommendations
###### βœ… Scheduled Deliveries

## πŸ“¦ Project Structure

This project follows a **full-stack architecture** with a **React frontend** and a **Node.js/Express backend**.

##### **Four-Flavors-Express**

```bash
β”œβ”€β”€ backend/ # Backend (API, Database, Business Logic)
β”‚ β”œβ”€β”€ config/ # Database connection, environment variables
β”‚ β”œβ”€β”€ controllers/ # Business logic & request handling
β”‚ β”œβ”€β”€ models/ # Database models (Mongoose/Sequelize)
β”‚ β”œβ”€β”€ routes/ # API routes (endpoints)
β”‚ β”œβ”€β”€ middlewares/ # Authentication, error handling, etc.
β”‚ β”œβ”€β”€ utils/ # Helper functions (e.g., email service, etc.)
β”‚ β”œβ”€β”€ app.js # Main Express app
β”‚ └── server.js # Server entry point
β”‚
β”œβ”€β”€ frontend/ # Frontend (User Interface)
β”‚ β”œβ”€β”€ public/ # Static assets (images, icons, etc.)
β”‚ β”œβ”€β”€ src/ # Main React source files
β”‚ β”‚ β”œβ”€β”€ assets/ # Images, fonts, etc.
β”‚ β”‚ β”œβ”€β”€ components/ # Reusable UI components
β”‚ β”‚ β”œβ”€β”€ pages/ # Pages (Home, Menu, Cart, Profile, etc.)
β”‚ β”‚ β”œβ”€β”€ services/ # API calls (Axios/Fetch)
β”‚ β”‚ β”œβ”€β”€ context/ # Global State (Context API)
β”‚ β”‚ β”œβ”€β”€ App.jsx # Main App Component
β”‚ β”‚ β”œβ”€β”€ main.jsx # React entry point
β”‚ β”‚ └── styles/ # CSS/SCSS files
β”‚ β”œβ”€β”€ index.html # Main HTML template
β”‚ └── vite.config.js # Vite Configuration (if using Vite)
β”‚
β”‚
β”œβ”€β”€ docs/
β”‚ └── README.md # Documentation, screenshots, API specs
β”‚
β”œβ”€β”€ .env # Environment variables
β”œβ”€β”€ .gitignore # Files to ignore in git
β”œβ”€β”€ README.md # Project README file
β”œβ”€β”€ package.json # Project metadata (combined if monorepo)
β”œβ”€β”€ LICENSE # License file
└── yarn.lock / package-lock.json # Dependency lock file
```

## πŸ“œ Project Structure Explanation

| Folder/File | Purpose |
|---------------|----------------------------------------------------|
| `backend/` | Houses all server-side logic (API, DB, authentication). |
| `frontend/` | Contains all client-side code (React UI). |
| `mobile/` | Optional - for mobile app development. |
| `docs/` | Contains diagrams, API documentation, and internal documentation. |
| `.env` | Stores environment variables like DB URI and API keys. |
| `README.md` | Provides an overview of the project. |
| `package.json`| Lists dependencies and scripts. |
| `.gitignore` | Specifies files and directories to be ignored by git. |

### πŸš€ Installation

###### If you want to run the app locally for development, follow these steps:

1. ###### Clone the repository:

```
git clone https://github.com/Web-Dev-Codi/Food-Delivery-Service-App

```

2. ###### Navigate to the project directory:

```
cd Food-Delivery-Service-App

```

3. install dependencies:

```
npm install

```

4. Start the development server

```
npm run dev

```

## πŸ—οΈ Tech Stack

| Component | Technology |
|-----------------|--------------------|
| Frontend | React / Next.js |
| Backend | Node.js / Express |
| Database | MongoDB
| Payment Gateway | Stripe |
| Deployment | Render |

---

## πŸ“¦ Features Under Development

- 🎁 Loyalty Rewards Program
- πŸ’¬ In-App Chat with Restaurants
- πŸ’Έ Multi-Order Discounts
- πŸŒ™ Dark Mode for Night-Time Browsing

---

## 🌍 Team Members

### πŸš€ Ashwini Bheemireddy

##### Responsibilities:

- Frontend development using React and Tailwind CSS.

- Designed logo, color scheme, and overall branding.

- [LinkedIn](https://www.linkedin.com/in/ashwini2127/)

### 🌟 Brian Cordisco

##### Responsibilities:

- Managed GitHub repository and resolved merge conflicts.

- Contributed to frontend and backend integration.

- πŸ“§ [Email](webdevcodi@gmail.com)

### πŸ”₯ Tabassum Khan

##### Responsibilities:

- Team coordinator for backend-frontend development.

- Worked on authentication, order management, and payment integration.

- [LinkedIn](https://www.linkedin.com/in/tabassum-khan-3688602b7/)

### ⚑ Tuanthong Vaidyanond

##### Responsibilities:

- Specialized in UI/UX design for responsive interfaces.

- Optimized typography, forms, and navigation for better user interaction.

- [LinkedIn](https://www.linkedin.com/in/tuanthong-vaidyanond-6789782b2/?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app)