Skip to main content
Prompts Comprehensive HTML5 Currency Converter App

developer coding user risk: medium

Comprehensive HTML5 Currency Converter App

Develop a comprehensive currency converter using HTML5, CSS3, JavaScript and a reliable Exchange Rate API. Include features like real-time rates, 170+ currencies with crypto suppor…

  • Policy sensitive
  • Human review
  • External action: medium

PROMPT 

Develop a comprehensive currency converter using HTML5, CSS3, JavaScript and a reliable Exchange Rate API. Create a clean, intuitive interface with prominent input fields and currency selectors. Implement real-time exchange rates with timestamp indicators showing data freshness. Support 170+ global currencies including crypto with appropriate symbols and formatting. Maintain a conversion history log with timestamps and rate information. Allow users to bookmark favorite currency pairs for quick access. Generate interactive historical rate charts with customizable date ranges. Implement offline functionality using cached exchange rates with clear staleness indicators. Add a built-in calculator for complex conversions and arithmetic operations. Create rate alerts for target exchange rates with optional notifications. Include side-by-side comparison of different provider rates when available. Support printing and exporting conversion results in multiple formats (PDF, CSV, JSON).

EXPECTED OUTPUT

Format
code

SUCCESS CRITERIA

  • Use HTML5, CSS3, JavaScript and Exchange Rate API
  • Create clean intuitive interface with input fields and selectors
  • Implement real-time exchange rates with timestamps
  • Support 170+ currencies including crypto
  • Maintain conversion history log
  • Allow bookmarking favorite pairs
  • Generate interactive historical charts
  • Implement offline functionality with cached rates
  • Add built-in calculator
  • Create rate alerts
  • Include side-by-side rate comparisons
  • Support printing and exporting in PDF, CSV, JSON

FAILURE MODES

  • Scope too broad for complete implementation
  • Potential API failures not addressed
  • Overloaded interface reducing usability
  • Missing error handling for offline or API issues

CAVEATS

Dependencies
  • Reliable Exchange Rate API
Missing context
  • Recommended specific API with endpoint examples and authentication details.
  • Browser compatibility and responsiveness requirements (e.g., mobile-first).
  • Security considerations (e.g., API key handling, input validation).
  • Success criteria like performance metrics or testing requirements.
Ambiguities
  • Unspecified 'reliable Exchange Rate API' – which one to use?
  • 'Optional notifications' for rate alerts – mechanism (browser push, email, etc.) unclear.
  • 'Side-by-side comparison of different provider rates when available' – which providers?
  • Exact list or source for '170+ global currencies including crypto' not defined.

QUALITY

OVERALL
0.75
CLARITY
0.90
SPECIFICITY
0.80
REUSABILITY
0.30
COMPLETENESS
0.70

IMPROVEMENT SUGGESTIONS

  • Specify a free API like 'ExchangeRate-API' or 'CurrencyAPI' with example usage.
  • Add 'Make the app fully responsive and accessible (WCAG 2.1 compliant).'
  • Include 'Provide the complete code in a single HTML file with embedded CSS/JS for easy deployment.'
  • Break into MVP features and nice-to-haves to manage scope.
  • Define export formats more precisely, e.g., 'Use libraries like jsPDF for PDF, PapaParse for CSV'.

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