Build a modern QR-based restaurant ordering web app for a brand called “MRK Foods”. The system should work like this: customers scan a QR code at their table and instantly access a digital menu where they can browse food items, add them to cart, and place orders in real time. Core features: QR code landing page for table-based ordering Digital menu with categories (BBQ, Burgers, Pizza, Drinks, Desserts) Food item cards with image, name, price, rating, and Add to Cart button Shopping cart with quantity controls and live total price calculation Order placement system with confirmation page Table number detection or input system Order status tracking (Received → Preparing → Ready) Design style: Modern premium UI inspired by Uber Eats + Apple Dark theme with neon accents (orange/red highlights) Glassmorphism cards and smooth animations Mobile-first responsive design Clean typography and interactive hover effects Pages: Landing page with QR scan introduction Menu page (main ordering interface) Cart + checkout page Order confirmation/status page Additional requirements: Fast, responsive, production-ready structure Smooth navigation and transitions Simple admin-ready structure for adding menu items Clean code architecture (frontend + backend if possible) The final output should be a fully working QR restaurant ordering website that can be deployed and used in a real restaurant environment.
Sign in to leave a comment
No tasks generated yet.
Tasks will appear here as requirements are defined.
No comments yet. Be the first!