Project Description:
Create a simple and responsive website for a café with 15 tables. Each table has a unique table number (1–15). The system should use QR codes so that customers can scan a code placed on their table, which links them to an online order page that includes their table ID automatically.
Main Features:
QR Code Integration:
Generate a unique URL for each table like https://mycafe.com/order?table=1.
Café staff will print and place QR codes on each table.
Table Identification:
When a customer scans the QR code, the website automatically detects their table number from the URL.
Order Form:
Simple form that shows:
Table number (read-only)
Text area to enter the food and drink order
“Place Order” button
After submission, show a confirmation message like “Your order has been sent.”
Admin/Staff Panel (Optional):
A simple backend or dashboard to view all current orders with:
Table number
Order details
Time of order
Technology Preference (optional):
Frontend: HTML, CSS (Tailwind or Bootstrap)
Backend: Simple backend using Firebase / Node.js / PHP / Google Sheets
QR codes: Can be generated using any free QR code tool with table URLs
Goal:
Make the ordering process easier for both customers and café staff by allowing direct order submission from the customer’s phone without the need for waiters to take the order.