Welcome to CampusBites, a full-stack food ordering app tailor-made for campus life! This project brings together a modern Node.js + Express backend and a sleek React frontend to simplify food browsing, ordering, and delivery within your campus.
CampusBites/
├── server.js # 🚀 Node.js backend server
├── package.json # 📦 Backend dependencies & scripts
├── routes/ # 🛣️ API route handlers (e.g., /menu, /orders)
├── controllers/ # 🎛️ Logic for handling backend requests
├── models/ # 🗄️ Mongoose models (User, Item, Order)
├── config/ # ⚙️ DB config, env setup
├── frontend/
│ ├── frontend/
│ │ ├── public/ # 🌐 index.html, favicon, manifest
│ │ ├── src/
│ │ │ ├── components/ # 🧩 NavBar, Footer, ItemCard, etc.
│ │ │ ├── pages/ # 📄 Home, Menu, Checkout, Login, Signup
│ │ │ ├── assets/
│ │ │ │ └── screenshots/ # 📸 Screenshots for docs/demo
│ │ │ ├── styles/ # 🎨 CSS & SCSS files
│ │ │ ├── utils/ # 🛠️ API utilities, formatters
│ │ │ ├── App.js # 🏠 Main app component
│ │ │ └── index.js # 🚦 React entry point
│ │ ├── package.json # 📦 Frontend dependencies & scripts
└── README.md # 📘 Project documentation- Node.js >= 14.x
- npm or yarn
- MongoDB (local or cloud)
npm install
node server.jscd ./frontend/frontend/
npm install
npm start| Command | Description |
|---|---|
npm start |
🖥️ Starts dev server at http://localhost:3000 |
npm test |
✅ Runs tests in watch mode |
npm run build |
🏗️ Builds the app for production |
npm run eject |
💥 Exposes CRA config (irreversible) |
| Command | Description |
|---|---|
node server.js |
🚀 Starts the Node server |
npm run dev |
🔁 Starts backend using nodemon (auto-reload) |
Create a .env file in the root with:
PORT=5000
MONGO_URI=mongodb://localhost:27017/campusbites
JWT_SECRET=your_super_secret_key- Frontend: React, JSX, React Router, Context API, CSS/SCSS
- Backend: Node.js, Express, MongoDB, Mongoose
- Tools: Nodemon, dotenv, concurrently
- Deployment: Vercel (Frontend), Render/Heroku (Backend)
- 🔐 User Authentication – Signup, Login, and Secure Sessions
- 🛍️ Dynamic Menu – Real-time food listings with filters and categories
- 🧺 Cart & Checkout – Add items, place orders, and view history
- 📦 Admin Panel – Manage menu items and orders (optional)
- 📱 Mobile responsiveness & PWA support
- 💳 Payment Gateway Integration (Razorpay/Stripe)
- 📍 Real-time delivery tracking
- 🌐 Multi-campus support & customization
Contributions are welcome! 🎉 Open an issue or fork and create a PR. Please ensure your changes follow best practices and are well-tested.
Ayinala Koteswara Rao 🌐 Connect: [LinkedIn](https://www.linkedin.com/) | 📧 mailto:ayinalakoteswararao15@gmail.com
Because hungry minds need food, and fast.