OrderWorder

KO | EN

gitlite — search

#javascript #python #react #go #deep-learning #nodejs #java #windows #cli #kubernetes #vue #pytorch #mcp #open-source

(★ 133)

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.

OrderWorder 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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](https://raw.githubusercontent.com/itzzritik/OrderWorder/main/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:
<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>admin@starbucks.com</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!

OrderWorder

OrderWorder 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

OrderWorder

OrderWorder 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README