Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/bhavnesh7781/Food-Delivery-App/llms.txt

Use this file to discover all available pages before exploring further.

The Food Delivery App is a production-ready, full-stack food ordering platform that brings together a customer-facing React storefront, an operator-facing admin dashboard, and a Node.js/Express REST API backed by MongoDB. This page gives you a high-level tour of what the project does, how its three sub-applications fit together, and which technologies power each layer.

​
Overview

Use the cards below to jump to the most important sections of the documentation.

Quickstart

Clone the repo, configure your environment, and have all three services running locally in minutes.

Project Structure

Understand every directory and file in the monorepo — backend, frontend, and admin.

Food Menu & Features

Browse how the food catalog is stored, served, and displayed to customers.

API Authentication

Learn how JWT tokens are issued on login and validated by the auth middleware on protected routes.

​
Architecture Overview

The repository is a monorepo containing three independent applications that communicate over HTTP. 
Browser (Customer)          Browser (Admin)
        │                          │
        ▼                          ▼
 frontend (React 18)      admin (React 18)
  Vite · port 5173         Vite · port 5174
        │                          │
        └──────────┬───────────────┘
                   │  REST API calls
                   ▼
         backend (Express 4)
          Node.js · port 4000
                   │
          ┌────────┴────────┐
          ▼                 ▼
       MongoDB           Stripe
    (Mongoose ODM)   (Payment API)
Customer frontend — A React 18 single-page app where users browse food items by category, manage a cart, and place orders via Stripe Checkout. A LoginPopup component handles authentication without a page redirect, and StoreContext keeps cart state and the JWT token in sync across every component. Admin dashboard — A separate React 18 app (also Vite-powered) that lets restaurant operators add new food items with image uploads, view and delete the full catalog, and update live order statuses. It communicates with the same backend API as the customer app. Backend API — An Express 4 server using ES Modules ("type": "module") that exposes four route groups, connects to MongoDB through Mongoose, stores uploaded food images on disk via Multer, issues and verifies JWTs for auth, and triggers Stripe payment sessions for orders.

​
Technology Stack

LayerTechnologyRole
Frontend & AdminReact 18 + Vite 5Component UI, client-side routing via React Router v6
HTTP ClientAxios 1.xAll API calls from both React apps
Backend frameworkExpress 4REST API routing, middleware pipeline
DatabaseMongoDB + Mongoose 8Persistent storage for food items, users, carts, orders
AuthenticationJSON Web Tokens (jsonwebtoken 9)Stateless auth — token issued on login, verified per request
PaymentsStripe SDK 15Hosted Checkout sessions for order payments
File uploadsMulter 1Multipart form handling; food images stored in backend/uploads/
Password hashingbcrypt 5Salted hashes stored in MongoDB — passwords never stored in plain text
Environment configdotenv 16Loads .env values into process.env at startup
Dev server reloadnodemon 3Watches server.js and restarts on file changes
Admin notificationsreact-toastify 10Toast alerts for add/remove/update actions in the admin UI
Ready to run the project locally? Head to the Quickstart guide to clone the repo and start all three services in under five minutes.

Build docs developers (and LLMs) love

Get started for freeTalk to us