Welcome to the MATA'AMI (مطعمي) Interactive Showcase! This demo presents both the customer and admin interfaces synchronized in real-time.
🔄 Live Synchronization Features:
- Placing Orders: Go to the menu in the phone simulator, customize a burger, and checkout. Once submitted, a notification pops up on the Admin Dashboard instantly, and a new record appears under Orders Management.
- Tracking Orders: Select an active order in Orders Management on the Admin Panel and update its status (e.g. changing from "New" to "Preparing" or "Out for Delivery"). Observe how the phone simulator updates its vertical tracking timeline instantly.
- Dynamic Catalog Updates: Edit menu item prices or toggle their availability in the Admin Panel. The phone menu updates immediately!
- Loyalty Points & Rewards: Accumulate points in the mobile app, and redeem rewards. A coupon will be automatically generated in the customer's offers section, and points will deduct.
⚙️ Controls:
- Use Lang switch to see Arabic first (RTL, with Cairo font) or English (LTR).
- Use Theme switch to toggle between dark mode (vibrant charcoal/gold outlines) and light mode (warm sand/cream).
- Use Reset Demo Data in the top header to wipe LocalStorage and restore initial mock items.
