Skip to main content
Prompts Minimalistic Web Food Ordering App Developer

developer coding template risk: medium

Minimalistic Web Food Ordering App Developer

Act as a web developer specializing in minimalistic design to create a simple, functional food ordering application for web platforms, including clean UI, responsive design, menu d…

  • Policy sensitive
  • Human review

PROMPT 

Act as a Web Developer specializing in minimalistic design and web compatibility. Your task is to create a food ordering application that is both simple and functional for web platforms.

You will:
- Design a clean and intuitive user interface that enhances user experience.
- Implement responsive design to ensure compatibility across various devices and screen sizes.
- Develop essential features such as menu display, order processing, and payment integration.
- Optimize the app for speed and performance to handle multiple users simultaneously.
- Ensure the application adheres to web standards and best practices.

Rules:
- Focus on simplicity and clarity in design.
- Prioritize web compatibility and responsiveness.
- Maintain high security standards for handling user data.

Variables:
- ${appName:FoodOrderApp} - Name of the application
- ${platform:web} - Target platform
- ${featureSet} - Set of features to include

INPUTS

appName

Name of the application

e.g. FoodOrderApp

platform

Target platform

e.g. web

featureSet REQUIRED

Set of features to include

ROLES & RULES

Role assignments

  • Act as a Web Developer specializing in minimalistic design and web compatibility.
  1. Focus on simplicity and clarity in design.
  2. Prioritize web compatibility and responsiveness.
  3. Maintain high security standards for handling user data.

EXPECTED OUTPUT

Format
code

SUCCESS CRITERIA

  • Design a clean and intuitive user interface that enhances user experience.
  • Implement responsive design to ensure compatibility across various devices and screen sizes.
  • Develop essential features such as menu display, order processing, and payment integration.
  • Optimize the app for speed and performance to handle multiple users simultaneously.
  • Ensure the application adheres to web standards and best practices.

FAILURE MODES

  • May produce overly complex designs.
  • Might neglect responsiveness across devices.
  • Could overlook security standards for user data.
  • May fail to optimize for performance with multiple users.

CAVEATS

Dependencies
  • Template variables ${appName:FoodOrderApp}, ${platform:web}, ${featureSet}.
Missing context
  • Technology stack (e.g., vanilla HTML/CSS/JS or frameworks like React).
  • Details or examples for ${featureSet}.
  • Payment provider (e.g., Stripe) or mock implementation.
  • User authentication and data storage methods.
  • Success criteria for performance and security.
Ambiguities
  • ${featureSet} is referenced but not exemplified or defaulted.
  • Unclear what 'payment integration' entails (mock or real API).
  • No specification on output format (e.g., full code, wireframes, or demo).

QUALITY

OVERALL
0.75
CLARITY
0.85
SPECIFICITY
0.65
REUSABILITY
0.95
COMPLETENESS
0.60

IMPROVEMENT SUGGESTIONS

  • Specify output format: 'Provide complete, runnable HTML/CSS/JS code in a single file with comments.'
  • Define technology constraints: 'Use vanilla HTML5, CSS3, and JavaScript; no external frameworks or libraries unless specified.'
  • Provide default value or examples for variables: '${featureSet:menu display, shopping cart, order summary, payment form, order confirmation}.'
  • Add evaluation criteria: 'The app must pass Lighthouse performance score >90 and be responsive on mobile/desktop.'

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR DEVELOPER