QR Code Ordering Micro-Site

I need a lightweight, single-page micro-site that customers reach simply by scanning a QR code. Once loaded, the interface should feel “science-student friendly”—think clean layouts, crisp typography and a hint of playful, lab-inspired visuals rather than a purely corporate look.

Menu experience
• The menu must display each item with its image and a short description right away; no name-only listings.
• When a customer taps an item, a pop-up or side drawer lets them choose quantity and add a personalised note that travels with that specific item all the way to the kitchen print-out.

Checkout flow
• Shoppers can continue as guests or sign up / log in—both paths need to work seamlessly.
• Orders are prepaid online (Stripe, Razorpay or a similarly simple gateway is fine).
• Before paying, the customer selects an available pick-up slot; unavailable times should grey-out automatically.

Management tools
An owner dashboard (simple username/password is fine) should let me:
– Add, edit or hide products, images and descriptions in real time
– Adjust pick-up slot length and daily capacity
– Regenerate the QR code whenever the domain or menu path changes

Acceptance criteria
1. Scanning the QR code loads the menu in under 2 seconds on 4G.
2. Item-level personalised messages appear in the admin order view.
3. Guest and registered checkouts both reach a successful payment screen.
4. Pick-up scheduling blocks out fully booked times automatically.
5. Site looks consistent on recent Chrome, Safari and Firefox mobile browsers.

Hand-off
Please deliver the source (React, Vue or vanilla JS—your choice), a small README for deployment on a standard LAMP or Node server, and one demo administrator account so I can run final tests.
Whatsapp mesaage contact only +918199928881