QR-based digital ordering platform for college canteens
🔗 Hosting URL:
https://gen-lang-client-0776017148.web.app
🔗 Firebase Project Console:
https://console.firebase.google.com/project/gen-lang-client-0776017148/overview
cd "c:\Users\SAMANVITA\agm canteen"
npm installnpm run devOpens on http://localhost:5173
- Student Menu: Go to
http://localhost:5173/table/1(or any table number) - Kitchen Staff: Go to
http://localhost:5173/kitchenon a dedicated device
- Scan QR code at table → menu opens
- Add items to cart (+ / − buttons)
- Place order → funny message shows
- Walk to counter & pay (no online payment)
- Staff serves from kitchen screen
- Open
/kitchenon one device - See incoming orders in real-time
- Press DONE when food is served
- Order disappears from screen
✅ Scan count analytics (localStorage)
✅ Add to cart with +/− buttons
✅ Order goes to staff screen instantly
✅ Staff marks orders as served
✅ Funny rotating messages after order
✅ Pay at counter (no online payments)
✅ Simple & free (React + Tailwind + Firebase-optional)
✅ AGM Canteen branding
✅ Dummy Karnataka menu with prices
- Frontend: React 18 + Vite
- Styling: Tailwind CSS (mobile-first)
- Backend: Firebase Firestore (optional) or localStorage fallback
- No Login needed
- Idli (2 pcs) – ₹25
- Vada – ₹20
- Plain Dosa – ₹40
- Masala Dosa – ₹50
- Khara Bath – ₹35
- Kesari Bath – ₹30
- Rice + Sambar – ₹40
- Rice + Rasam – ₹35
- Rice + Palya – ₹30
- Full Meals – ₹60
- Curd Rice – ₹30
- Mosambi – ₹30 | Watermelon – ₹25 | Pineapple – ₹35 | Mixed Fruit – ₹40
- Tea – ₹10 | Coffee – ₹15 | Boost – ₹20
npm install -g firebase-tools
firebase login
firebase init hosting
npm run build
firebase deploynpm i -g vercel
vercelCreate .env from .env.example:
VITE_FIREBASE_API_KEY=your_key
VITE_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=your_project_id
Works without Firebase – uses localStorage by default.
- No admin login required
- No online payment (counter-only)
- Mobile-first, large readable text
- Works on low internet
- Designed for non-technical staff