OrderWorder - GitLite

KO | EN

gitlite — search

#hacktoberfest #ai #typescript #llm #go #android #machine-learning #linux #docker #macos #nodejs #windows #kubernetes #security

OrderWorder

(★ 135)

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.

File Explorer

Download Latest Version (.zip)

- - backend-specialist.md
  - code-archaeologist.md
  - database-architect.md
  - debugger.md
  - devops-engineer.md
  - documentation-writer.md
  - explorer-agent.md
  - frontend-specialist.md
  - game-developer.md
  - mobile-developer.md
  - orchestrator.md
  - penetration-tester.md
  - performance-optimizer.md
  - product-manager.md
  - product-owner.md
  - project-planner.md
  - qa-automation-engineer.md
  - security-auditor.md
  - seo-specialist.md
  - test-engineer.md
- - GEMINI.md
- - auto_preview.py
  - checklist.py
  - session_manager.py
  - verify_all.py
- - doc.md
- - brainstorm.md
  - create.md
  - debug.md
  - deploy.md
  - enhance.md
  - orchestrate.md
  - plan.md
  - preview.md
  - status.md
  - test.md
  - ui-ux-pro-max.md
- ARCHITECTURE.md
- settings.json
- - getStartedCover.jpg
  - landingCover.png
  - landingCoverOverlay.png
  - landingCoverPlaceholder.jpg
- - dashboard_active.png
  - dashboard_requests.png
  - px.png
  - restaurant_banner.jpg
  - restaurant_cart.png
  - restaurant_menu.png
  - restaurant_qrcode_dark.png
  - restaurant_qrcode_light.png
- next.svg
- vercel.svg
- - globals.scss
  - home.scss
  - layout.tsx
  - manifest.ts
  - opengraph-image.tsx
  - page.tsx
  - robots.ts
  - sitemap.ts
- - chat.ts
  - common.d.ts
  - next-auth.d.ts
.gitignore
.nvmrc
biome.jsonc
next.config.ts
package.json
pnpm-lock.yaml
README.md
test_sdk.mjs
tsconfig.json

// 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!