A sleek and responsive currency converter web application that allows users to easily convert between various currencies using real-time exchange rates and country flags.
https://afifshowfeer.github.io/currency-converter/
- Real-time Exchange Rates: Fetches up-to-date currency rates using an API.
- Flag Integration: Automatically fetches country flags for the selected currencies using a flag API.
- Intuitive Design: User-friendly interface with clean aesthetics.
- Instant Results: Displays the converted rate as soon as the user clicks the button.
- HTML5: For the structure of the web page.
- CSS3: To style the interface with a modern gradient and button designs.
- JavaScript: Handles the logic and API integration for real-time currency conversion and flag fetching.
- Exchange Rate API: Fetches the latest exchange rates for accuracy.
- Flag API: Retrieves country flags dynamically for a visually appealing dropdown menu.
.
├── index.html # Main HTML file for the UI
├── styles.css # CSS file for styling the page
├── script.js # JavaScript file for functionality
├── codes.js # contains country codes
└── README.md # Project documentation
- Enter the amount you want to convert in the input field.
- Select the currency you want to convert from and to using the dropdown menus. Flags will update dynamically based on your selection.
- Click the Get Exchange Rates button to see the conversion result below.
- Exchange Rate API: Provides real-time exchange rate data for accurate currency conversion.
- Flag API: Fetches country flags dynamically for the dropdown menu, enhancing the visual experience.
Feel free to modify the project to match your preferences:
- Styling: Update the styles.css file to change colors, fonts, or layout.
- Additional Currencies: Add more options in the dropdown menu in the index.html file.
- APIs: Replace or enhance the currency conversion or flag APIs for better features or data.
- Exchange Rate API for providing real-time currency data.
- Flag API for the flag icons.
- Font Awesome for icons