Currency Exchange Calculator

Improved prompt:

Design and implement a professional-grade currency converter application using modern web technologies. Your task is to create a responsive and user-friendly web interface using HTML5, CSS3, and JavaScript. The application should be built around a reliable and well-documented Exchange Rate API capable of handling a wide range of global currencies.

Interface Design:

• Create a clean and minimalist layout with a consistent color scheme and typography.
• Implement a header section containing the application logo and navigation menu.
• Design a main content area with prominent input fields for amounts and currency selectors.
• Add a side panel or secondary section for currency history, bookmarks, and alerts.
• Include a footer with copyright information, privacy policy links, and social sharing options.

Functionality Requirements:

1. Real-time Exchange Rates:

   • Fetch and display exchange rates from the API with a timestamp indicator.
   • Update the rates at regular intervals or when the user changes the base currency.
   • Highlight when rates have been updated for transparency.

2. Currency Support:

   • Implement support for 170+ global currencies, including all major and minor fiat currencies.
   • Include support for popular cryptocurrencies such as Bitcoin, Ethereum, and stablecoins.
   • Ensure proper formatting of currency symbols and decimal places for each currency.

3. Conversion History:

   • Maintain a log of previous conversions with timestamps and rate information.
   • Allow users to view their conversion history organized by date and currency pair.
   • Provide options to clear or export the history.

4. Bookmark Favorite Pairs:

   • Enable users to add frequently used currency pairs to a bookmarks or favorites list.
   • Provide quick access to these bookmarked pairs in the currency selectors.
   • Allow users to delete or reorder their bookmarks.

5. Interactive Rate Charts:

   • Generate dynamic line charts or bar graphs to visualize historical exchange rates.
   • Allow users to select custom date ranges for the chart data.
   • Provide hover or tooltip information for specific data points.

6. Offline Functionality:

   • Implement caching of exchange rates for offline use.
   • Display clear indicators of when cached data is stale or outdated.
   • Optionally allow users to manually refresh the cached data.

7. Built-in Calculator:

   • Integrate a calculator feature for complex conversions and arithmetic operations.
   • Support addition, subtraction, multiplication, and division of amounts in different currencies.
   • Provide clear feedback on the result and any rounding adjustments.

8. Rate Alerts:

   • Allow users to set up alerts for specific exchange rates.
   • Trigger notifications when the rate reaches the user-defined threshold.
   • Provide options for email, SMS, or in-app notification delivery.

9. Multi-provider Comparison:

   • When available, fetch and display rates from multiple exchange rate providers.
   • Show side-by-side comparisons of different providers for the same currency pair.
   • Highlight the best available rate and any significant differences.

10. Printing and Exporting:

• Enable users to print or export their conversion results.
• Provide options to export in multiple formats such as PDF, CSV, or JSON.

Additional Requirements:

• Ensure the application is fully responsive and functional on both desktop and mobile devices.
• Implement proper error handling for API failures or network issues.
• Include loading indicators during data fetching operations.
• Follow best practices for accessibility and inclusivity in web design.
• Conduct thorough testing to ensure accuracy and robustness of the conversions.

Your task is to create a polished and user-friendly currency converter application that meets all the specified requirements while maintaining a clean and efficient codebase.