Skip to content

OrderWorder - Revolutionize your restaurant with a sleek, contactless full-stack app powered by AI. From QR code menus and smart chatbot recommendations to seamless ordering, real-time kitchen tracking, and powerful admin dashboards - all built with Next.js & SCSS for lightning-fast, modern dining experiences.

Notifications You must be signed in to change notification settings

itzzritik/OrderWorder

Repository files navigation

OrderWorder – Contactless Restaurant Ordering System

Live Live Demo Made with ❀️ Next JS MongoDB SCSS

OrderWorder Banner


πŸš€ 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:

  • Goto Starbucks Menu Page or Scan the QR Code
  • Click on order button
  • Enter Name and Phone (10 digit number format)
  • Login complete, now add few items in cart and place order

OrderWorderQR

πŸ‘¨β€πŸ’Ό Admin Login (Open in separate browser):


πŸ–ΌοΈ Screenshots

πŸ“‹ Menu Interface

πŸ› οΈ Admin Dashboard


πŸ“Œ 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!

About

OrderWorder - Revolutionize your restaurant with a sleek, contactless full-stack app powered by AI. From QR code menus and smart chatbot recommendations to seamless ordering, real-time kitchen tracking, and powerful admin dashboards - all built with Next.js & SCSS for lightning-fast, modern dining experiences.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published