💱 Global Currency Converter

A dynamic web application that provides real-time currency exchange calculations, built to master asynchronous JavaScript and external data integration.

📝 Overview

This project steps beyond static frontend logic by communicating with a live, external server. Users can select from a wide range of global currencies, enter an amount, and instantly see the converted value based on the most up-to-date exchange rates. The conversion data is powered by a free, open-source exchange rate JSON API.

✨ Features

• Live Exchange Rates: Fetches real-time currency data directly from an external server.
• Dynamic Dropdowns: Automatically populates currency selection options and updates country flag indicators corresponding to the selected currency.
• Instant Calculation: Processes user input and applies the fetched exchange rate multiplier instantly.
• Clean UI/UX: A responsive, intuitive interface built with vanilla CSS.

🛠️ Technologies Used

• HTML5: Semantic structure and form inputs.
• CSS3: Flexbox, responsive design, and visual styling.
• Vanilla JavaScript (ES6+):
  • The built-in fetch() method for making network requests.
  • async / await and Promise handling for asynchronous operations.
  • JSON data parsing and object traversal.
• External Data Source: Fawaz Ahmed's Free Currency Exchange API

🧠 What I Learned

Building this project was a major milestone in transitioning from local game loops to handling real-world data. Key takeaways include:

• Asynchronous Programming: Understanding how to keep the UI responsive while waiting for an external server to return data.
• API Integration: Reading documentation, constructing proper endpoint URLs, and securely fetching data without needing API keys.
• JSON Manipulation: Extracting specific nested data points (like conversion rates) from large JSON response objects.

🙏 Acknowledgements

• Real-time currency data is provided by the open-source Exchange API by fawazahmed0.

---

Developed by Atul Singh.