A production-ready digital menu and restaurant ordering system designed to solve real-world restaurant problems such as manual order handling, staff overload, and order miscommunication.
This system allows customers to scan a table-wise QR code and place orders seamlessly without entering table numbers manually. The application provides a smooth ordering experience for customers and a powerful admin panel for restaurant staff.
- Table-wise QR based ordering (auto table detection)
- Category-based digital menu
- Quantity selector with real-time cart updates
- Order summary with price calculation & coupons
- Order status tracking (Pending → Preparing → Served)
- Bill generation with GST & restaurant details
- Secure role-based authentication (Admin)
- Order workflow management (Accept → Prepare → Serve → Complete)
- Payment confirmation & order history
- Menu & category management (CRUD)
- Stock control & out-of-stock handling
- Customer management & coupon system
- Analytics dashboard:
- Today’s revenue
- Total revenue
- Top-selling items
- Top customers
- Low stock alerts
- Frontend: Next.js (App Router), React, Tailwind CSS
- Backend: Next.js API Routes, REST APIs
- Database: MongoDB
- Authentication: NextAuth (Credentials)
- State Management: React Context / JavaScript
- Deployment: Vercel
🔗Live Demo https://onebite-menu.vercel.app/
- Real-world cart state management & price calculation
- Predictable data flow using JavaScript array methods
- Role-based access & secure authentication
- Building scalable admin dashboards
- Production-focused UI/UX decisions
🚧 Demo project (production-ready architecture, not live with a restaurant yet)
Built with a focus on real-world usability, clean architecture, and scalability.