A sleek, simple, and user-friendly Currency Converter web application that allows users to convert currencies with real-time exchange rates. It is designed for ease of use to convert one currency into another. It dynamically fetches exchange rates from a reliable API, ensuring users always get the most up-to-date conversion rates.
- Features a visually appealing dark-themed interface.
- Optimized for performance and responsiveness.
- Fetches the latest rates from ExchangeRate-API.
- Automatically populates currency options based on available data.
- Includes features such as ARIA labels for enhanced accessibility.
- Gracefully handles API failures or invalid user inputs.
Currency-Converter/ # Root directory
├── assets/ # Directory for static assets
│ ├── favicon.png # Favicon for the website
│ └── preview.png # Preview image for social sharing.
├── src/ # Source code directory
│ ├── style.css # Main CSS file for styling
│ └── script.js # JavaScript for functionality
├── index.html # Main HTML file
├── README.md # Project documentation
└── LICENSE # License file
- HTML5
- CSS3
- JavaScript (ES6+)
It uses the ExchangeRate API to fetch real-time exchange rates.
fetchRates(): Fetches exchange rates for the selected base currency. populateCurrencyOptions(): Dynamically populates dropdown menus with available currencies. convertCurrency(): Calculates and displays the converted amount.
- Simply open this link.
- Use the first dropdown to select the currency you want to convert from.
- Input the amount in the base currency.
- Choose the currency you want to convert to using the second dropdown.
- Click the "Convert" button or press "Enter" to view the converted amount.
Ensure that you already have an installed web browser (Chrome, Firefox, etc.) on your device.
If you encounter any bugs or have suggestions for improvement, please report them in the Issues section of this GitHub repository. I will address them promptly.
© Designed and developed by Atia Farha | ALL RIGHTS RESERVED