AR 3D Menu

منصة قوائم الطعام بالواقع المعزّز للمطاعم

منصة متعددة المستأجرين (Multi-tenant SaaS) تتيح للمطعم عرض أطباقه بشكل مجسّم بالواقع المعزّز، فيرى الضيف الطبق على طاولته قبل أن يطلبه وبمقاسه الحقيقي.

يضع المطعم بطاقة مطبوعة على الطاولة تحمل تصميمه الخاص. يوجّه الضيف كاميرا هاتفه نحوها، فتُفتح القائمة مباشرة، دون تطبيق ودون إنشاء حساب. يختار طبقًا، فيظهر أمامه على الطاولة، ويمكنه تدويره ومعاينته من جميع الزوايا.

لوحة تحكم المطعم

رفع تصميم البطاقة وتحديد عرضها الفعلي، مع صفحة طباعة بمقياس 100%.

توليد رمز QR خاص بالمطعم بصيغة SVG جاهزة للطباعة.

إدارة كاملة للأطباق: إضافة وتعديل وحذف، مع نموذج ثلاثي الأبعاد وصورة وسعر ووصف وعرض فعلي بالميليمتر.

رابط قائمة عام خاص بكل مطعم، قابل للتعديل في أي وقت.

ما يميّزها: المقاس الحقيقي

يدخل المطعم عرض الطبق مرة واحدة، ثم يُعرض بنسبة 1:1 على الطاولة — فما يراه الضيف هو الحصة التي ستصله فعلًا، وليس صورة مكبّرة.

التقنيات المستخدمة

واجهة خلفية بـ Node.js وExpress · قاعدة بيانات SQLite · تشفير كلمات المرور بخوارزمية scrypt · جلسات مخزّنة في قاعدة البيانات · رفع الملفات عبر multer · توليد رموز QR عبر qrcode · تتبّع الصور بالواقع المعزّز عبر MindAR · عرض المجسّمات عبر model-viewer وthree.js.

Augmented Reality Menu Platform for Restaurants

A multi-tenant SaaS platform that allows restaurants to display their dishes in augmented reality, so guests can see the dish on their table before ordering, at its real size.

The restaurant places a printed card on the table featuring its own design. The guest points their phone camera at it, and the menu opens directly, with no app and no account required. They select a dish, which appears on the table in front of them and can be rotated and viewed from every angle.

Restaurant Dashboard

Upload the card design and specify its actual printed width, with a print page at 100% scale.

Generate a restaurant-specific QR code as a print-ready SVG.

Full dish management: create, edit, and delete dishes, with a 3D model, image, price, description, and the plate's actual width in millimetres.

A public menu link for each restaurant, which can be edited at any time.

What Sets It Apart: True Size

The restaurant enters the plate's actual width once, and it is then displayed at a 1:1 scale on the table — so what the guest sees is the portion they will actually receive, not an enlarged photo.

Built With

Node.js and Express on the back end · SQLite database · scrypt password hashing · database-backed sessions · multer for file uploads · qrcode for QR generation · MindAR for image tracking · model-viewer and three.js for 3D rendering.