Skip to content

A full-stack food delivery application featuring both client and admin panels. The app dynamically fetches food items from MongoDB and renders them on the frontend using React.

Notifications You must be signed in to change notification settings

403errors/food-delivery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tomato : Food Delivery App - MERN Stack - Project Timeline

This project is a food delivery application built using the MERN stack (MongoDB, Express.js, React.js, Node.js).

📷 Screenshots

Home-Page

Home Page Screenshot

Menu-Page

Menu Page Screenshot

Order-Page

Order Page Screenshot

✨ Features

User Panel

  • Browse and search for food items dynamically fetched from the database
  • Add items to the cart and place orders
  • User authentication and profile management
  • Real-time order tracking

Admin Panel

  • Manage food items (add, update, delete)
  • Track and manage customer orders
  • View analytics on sales and customer behavior

🛠️ Tech Stack

  • Frontend: React - JSX, Redux, Vanilla CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB (with Mongoose ORM)
  • Authentication: JWT-based authentication
  • Deployment: Docker / Vercel / Heroku (optional)

🚀 Installation & Setup

1. Clone the repository

git clone https://github.com/403errors/food-delivery.git  
cd food-delivery-app

2. Install dependencies

npm install  

3. Configure Environment Variables (.env Setup)

Create a .env file in the root directory and add the following:

PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
CLIENT_URL=http://localhost:3000
STRIPE_SECRET_KEY=your_stripe_secret_key 

⚠️ Make sure to replace placeholder values with actual credentials.

4. Start the development server

For the backend:

npm run server  

For the frontend:

cd client  
npm start  

🕑 Project Timeline

How project was completed in phases?! Look here for Project Timeline.

📌 Future Enhancements

  • Deployment on Vercel
  • AI-based recommendations for food items
  • Push notifications for real-time order updates

About

A full-stack food delivery application featuring both client and admin panels. The app dynamically fetches food items from MongoDB and renders them on the frontend using React.

Topics

Resources

Stars

Watchers

Forks