A simple and responsive Currency Converter built with HTML, CSS, and JavaScript. This project uses the Fetch API to retrieve real-time exchange rates and dynamically convert between different currencies.
- 🌍 Convert between multiple currencies
- 📈 Real-time exchange rates using Currency API
- 🚩 Automatic country flags for selected currencies
- 🔄 Dynamic exchange rate updates
- 💻 Clean and responsive user interface
- ⚡ Built with Vanilla JavaScript and Fetch API
- HTML5
- CSS3
- JavaScript (ES6)
- Fetch API
- Currency API by Fawaz Ahmed
- FlagsAPI
- Select the source currency.
- Select the target currency.
- Enter the amount.
- Click Get Exchange Rate.
- The application fetches live exchange rates and displays the converted amount.
https://github.com/fawazahmed0/exchange-api
https://flagsapi.com/
This project helped me practice:
- JavaScript DOM Manipulation
- Event Handling
- Async/Await
- Fetch API
- JSON Data Handling
- Dynamic UI Updates
- Working with External APIs
This project was built as a practice exercise while learning JavaScript Fetch API, Promises, and Async/Await. The implementation was inspired by the following resources:
While following these resources, I rebuilt the project independently and adapted it to work with updated APIs, dynamic country flags, and improved functionality to strengthen my understanding of JavaScript and API integration.
Clone the repository:
git clone https://github.com/bhagyashah-dev/Currency-Converter.gitOpen index.html in your browser.
- Swap currency button functionality
- Searchable dropdowns
- Error handling and loading states
- Dark mode
- Currency charts and history
- Favorite currencies
Bhagya Shah
- GitHub: https://github.com/bhagyashah-dev
- LinkedIn: https://linkedin.com/in/bhagyashah
⭐ If you found this project interesting, consider giving it a star!