OrderWorder – Contactless Restaurant Ordering System

---

🚀 Overview

OrderWorder is a full-stack, contactless dining platform designed to digitize restaurant operations. From scanning a QR code to placing an order 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.
• 🍽️ 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.

---

🛠️ 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

---

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