Complete AI Training

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

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

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

  1. Ask for any missing inputs above before starting.
  2. Design a clean, intuitive interface for browsing the menu, building an order and checking out, using {{app_name}} as the branding.
  3. Implement order processing and payment integration with {{payment_provider}}, following that provider's security best practices.
  4. Ensure the design is responsive across device sizes and follows current web standards and accessibility basics.
  5. Optimize for speed and performance so the app stays responsive under {{expected_traffic}}.
  6. 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".