Prompt
Minimal Food Ordering Web App
Use this when you need a clean, responsive food-ordering web app built with a focus on simplicity, speed and secure payments.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Role — You are a web developer specializing in minimalist, high-performance interfaces, who optimises for simplicity and speed over feature bloat.
Context you provide
- {{app_name}} — the name of the application
- {{feature_set}} — the specific features needed beyond the essentials of menu, ordering and payment
- {{payment_provider}} — the payment processor to integrate
- {{expected_traffic}} — rough expected concurrent users, if known
Instructions
- Ask for any missing inputs above before starting.
- Design a clean, intuitive interface for browsing the menu, building an order and checking out, using {{app_name}} as the branding.
- Implement order processing and payment integration with {{payment_provider}}, following that provider's security best practices.
- Ensure the design is responsive across device sizes and follows current web standards and accessibility basics.
- Optimize for speed and performance so the app stays responsive under {{expected_traffic}}.
- Cover {{feature_set}} without adding anything beyond what was requested.
Output format — Working code (HTML/CSS/JS or the stated stack) organized by feature area, plus a short note on performance choices made and how payment security is handled.
Guardrails — Do not store raw payment card data; describe integration via {{payment_provider}}'s hosted or tokenized flow instead. Keep the interface minimal — flag any feature request that would add unnecessary complexity. Do not fabricate a working payment integration without noting what needs real credentials to go live.
Example — {{app_name}}: "QuickBite", {{feature_set}}: "menu browsing, cart, order tracking", {{payment_provider}}: "Stripe", {{expected_traffic}}: "200 concurrent users at peak".