Smart Campus Canteen Food Ordering System, It's was my academic final year project. It's a full-stack smart canteen ordering system that replaces the traditional manual canteen process,students can browse the menu, order food, pay online, and track their order in real time, while admins manage everything from a central dashboard.
Homepage
AI Chatbot
Menu
Payment
Order Tracking
FOODRUSH.mp4
Customer
- Sign up / Login
- Browse menu by category — Appetizers, Beverages, Desserts, Main Course, Salads & Bowls
- Use the AI Chatbot (bottom-right of homepage) for recommendations or canteen queries
- Add items to cart → proceed to Checkout
- Enter name, table number and email → OTP sent to email → verify to place order
- Pay via Razorpay
- Order confirmation bill sent as PDF attachment to email
- Unique alphanumeric ticket generated → popup appears with a COPY button
- Go to tracking page → paste ticket → click Track → view live order status
Order Status Flow
Pending → Confirmed → Preparing → Ready → Done
→ Cancelled
Admin
- Login via separate admin page
- View monthly & weekly revenue charts + order breakdown pie chart
- Manually update order status for each order
- Export order data to Excel
| Technology | |
|---|---|
| Framework | Next.js 14, React 18, TypeScript |
| Styling | Tailwind CSS v4, Radix UI, Shadcn/ui |
| Animations | GSAP, Three.js |
| State | Zustand |
| Database | MySQL (mysql2) |
| Auth | bcryptjs, Zod, React Hook Form |
| Nodemailer (OTP + PDF bill attachment) | |
| Payment | Razorpay |
| AI Chatbot | Groq API (LLaMA3) |
| Charts | Recharts |
| Export | Excel (order data), jsPDF (email bill) |
Foodrush/
├── app/
│ ├── page.tsx # Homepage + AI Chatbot
│ ├── login/ # Login page
│ ├── signup/ # Sign up page
│ ├── checkout/ # Checkout + OTP verification
│ ├── payment/ # Razorpay + Ticket popup
│ ├── track/ # Order tracking
│ ├── admin/ # Admin dashboard
│ └── api/ # auth, orders, food-items, send-otp, send-email, export, chat, stats
├── components/
│ ├── admin/ # Dashboard, orders, stats components
│ └── ui/ # cart-sidebar, food-card, checkout-form, chatbot, animations
├── hooks/ # Custom hooks (cart, auth)
├── lib/ # DB connection, utilities
├── scripts/ # DB seed scripts
└── styles/
Download and set up the following:
| What | Why | Where |
|---|---|---|
| Node.js v18+ | Run the project | nodejs.org |
| pnpm | Package manager | npm install -g pnpm |
| MySQL 8.0+ | Database | mysql.com |
| Gmail App Password | OTP + PDF bill emails | myaccount.google.com/apppasswords |
| Razorpay Account | Payment (test keys) | razorpay.com |
| Groq API Key | AI Chatbot | console.groq.com |
Everything else — GSAP, Three.js, Recharts, Radix UI, Zustand, Shadcn/ui, bcryptjs, jsPDF and all other packages — install automatically via
pnpm install.
# 1. Clone the repo
git clone https://github.com/DishantBhere/Foodrush.git
cd Foodrush
# 2. Install all dependencies
pnpm install
# 3. Create your env file and fill in the values
cp .env.example .env.local# Database
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=your_password
DB_NAME=food_ordering_system
# Auth
JWT_SECRET=your_jwt_secret
# Email (Nodemailer)
EMAIL_USER=your_email@gmail.com
EMAIL_PASS=your_gmail_app_password
# Razorpay
RAZORPAY_KEY_ID=your_key_id
RAZORPAY_KEY_SECRET=your_key_secret
# Groq AI
GROQ_API_KEY=your_groq_api_key# 4. Set up the database
mysql -u root -p < scripts/schema.sql
# 5. Run the dev server
pnpm devOpen http://localhost:3000
Admin → http://localhost:3000/admin
- Razorpay runs in test mode — no real transactions
- Runs locally only, not deployed
- PDF bill is sent as email attachment after payment success
Built by Dishant Bhere Bsc.IT · University of Mumbai