OrderWorder
# OrderWorder – Contactless Restaurant Ordering System [](https://github.com/itzzritik/XtremeUI) [](https://orderworder.ritik.me)  [](https://nextjs.org/) [](https://www.mongodb.com/) [](https://sass-lang.com/)  --- ## 🚀 Overview OrderWorder is a full-stack, AI-powered contactless dining platform designed to digitize restaurant operations. From scanning a QR code to placing an order, chatting with an intelligent AI assistant, and managing kitchen workflows - everything runs on a clean, modern web app built with **Next.js**, **MongoDB**, and **SCSS**. --- ## ✨ Features - 📱 **QR Code-Based Access**: Every table gets a unique QR code for instant menu access. - 🤖 **AI-Powered Assistant**: Chat with Jarvis, your intelligent restaurant assistant for personalized menu recommendations. - 🍽️ **Smart Ordering**: Customers can browse menus, add items, and place orders - no app download required. - 🧑🍳 **Live Kitchen Dashboard**: Real-time order updates for chefs to prep efficiently. - 🧑💼 **Admin Panel**: Manage tables, orders, inventory, payroll, and more. - ⚡ **Real-Time UI**: Fast, responsive, and optimized for mobile/tablet/desktop. - 🌗 **Dark Theme Support**: Modern design with animation and smooth transitions. --- ## 🧠 AI Integration (Jarvis) Built on **Google Gemini (Gemma-27b)** via **Vercel AI SDK**, Jarvis uses advanced prompt engineering to act as a virtual waiter. - **Context-Aware**: Dynamically injects real-time menu data (MongoDB) into system prompts for accurate allergen/ingredient answers. - **Structured Output**: Uses custom tokens to return direct item recommendations adjacent to natural language responses. - **No Vectors Required**: efficient, real-time context injection without complex vector databases. --- ## 🛠️ Tech Stack - **Frontend**: React + Next.js - **Styling**: SCSS (SASS) - **Backend**: API Routes in Next.js - **Database**: MongoDB - **Hosting**: Vercel - **Authentication**: NextAuth.js - **State Management**: React Context + Redux - **AI & Chatbot**: Vercel AI SDK + Google Gemini (Gemma-27b) --- ## 🔍 Try it out Orderworder has two interfaces, one for **customers** and one for **restaurant's admin**. ### 🧑 Customer Login: <table> <tr> <td> <ul> <img src="public/screenshots/px.png" width="0px" height="0px"> <li>Goto <a href="https://orderworder.ritik.me/starbucks?table=1">Starbucks Menu Page</a> or Scan the QR Code</li> <li>Click on order button</li> <li>Enter Name and Phone (10 digit number format)</li> <li>Login complete, now add few items in cart and place order</li> <img src="public/screenshots/px.png" width="500px" height="0px"> </ul> </td> <td width="200px"> <p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="public/screenshots/restaurant_qrcode_dark.png" /> <source media="(prefers-color-scheme: light)" srcset="public/screenshots/restaurant_qrcode_light.png" /> <img alt="OrderWorderQR" src="public/screenshots/restaurant_qr_light.png" /> </picture> </p> </td> </tr> </table> ### 👨💼 Admin Login (Open in separate browser): <table> <tr> <td> <ul> <img src="public/screenshots/px.png" width="0px" height="0px"> <li>Goto <a href="https://orderworder.ritik.me">Homepage</a>, and scroll down to login section</li> <li>Enter email: <code>[email protected]</code></li> <li>Enter password: <code>starbucks@123</code></li> <li>Login complete, Now visit <a href="https://orderworder.ritik.me/dashboard">Admin Dashboard</a> or <a href="https://orderworder.ritik.me/kitchen">Kitchen Dashboard</a></li> <img src="public/screenshots/px.png" width="700px" height="0px"> </ul> </td> </tr> </table> --- ## 🖼️ Screenshots ### 📋 Menu Interface <p align="center"> <img src="public/screenshots/restaurant_menu.png" width="49%"> <img src="public/screenshots/restaurant_cart.png" width="49%"> </p> ### 🛠️ Admin Dashboard <p align="center"> <img src="public/screenshots/dashboard_requests.png" width="49%"> <img src="public/screenshots/dashboard_active.png" width="49%"> </p> --- ## 📌 Tags `nextjs` `react` `javascript` `mongo` `sass` `typescript` `ai` `chatbot` `ai-assistant` `admin-panel` `dashboard` `qr-code` `realtime` `restaurant` `ecommerce` `responsive` `dark-theme` `ui` `animation` `scanner` --- ## ⭐ Support the Project If you find OrderWorder useful, please give it a ⭐ on GitHub! Have ideas or improvements? Contributions via issues or pull requests are warmly welcome!