https://github.com/itzzritik/orderworder

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.
https://github.com/itzzritik/orderworder

admin admin-panel ai ai-assistant animation chatbot dark-theme dashboard ecommerce food javascript next nextjs react realtime responsive restaurant sass typescript ui

Last synced: about 2 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/itzzritik/orderworder
• Owner: itzzritik
• Created: 2023-09-09T11:26:52.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2026-02-24T20:27:13.000Z (4 months ago)
• Last Synced: 2026-02-25T00:39:39.313Z (4 months ago)
• Topics: admin, admin-panel, ai, ai-assistant, animation, chatbot, dark-theme, dashboard, ecommerce, food, javascript, next, nextjs, react, realtime, responsive, restaurant, sass, typescript, ui
• Language: Python
• Homepage: https://orderworder.ritik.me
• Size: 7.86 MB
• Stars: 101
• Watchers: 2
• Forks: 29
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# OrderWorder – Contactless Restaurant Ordering System

[![Live](https://img.shields.io/badge/Built_using-XtremeUI-blue?style=flat-square)](https://github.com/itzzritik/XtremeUI)

[![Live Demo](https://img.shields.io/badge/Try_Live-Demo-green?style=flat-square)](https://orderworder.ritik.me)

![Made with ❤️](https://img.shields.io/badge/Made_with-%E2%9D%A4-red?style=flat-square)

[![Next JS](https://img.shields.io/badge/Next-black?style=flat-square&logo=next.js&logoColor=white)](https://nextjs.org/)

[![MongoDB](https://img.shields.io/badge/MongoDB-47A248?style=flat-square&logo=mongodb&logoColor=white)](https://www.mongodb.com/)

[![SCSS](https://img.shields.io/badge/SCSS-CC6699?style=flat-square&logo=sass&logoColor=white)](https://sass-lang.com/)

![OrderWorder Banner](public/screenshots/restaurant_banner.jpg)

---

## 🚀 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

				

			

		

		

			


				

					

					

					

				

			

		

	


### 👨‍💼 Admin Login (Open in separate browser):

	

		

			


				

				
Goto Homepage, and scroll down to login section

				
Enter email: admin@starbucks.com



				
Enter password: starbucks@123



				
Login complete, Now visit Admin Dashboard or Kitchen Dashboard



				

			

		

	


---

## 🖼️ 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!