Currency Converter

Short Description

In this project, I have developed a browser-based currency converter that retrieves real-time exchange rate data, allows for currency selection, and displays a list of rates.

Problem

Simple currency converters often only show results between two currencies and lack a broad view of exchange rates. This project focuses on solving the need to see all rates in a single flow with a unified conversion screen.

Solution

I have set up the application using Vite and an ES module architecture. I fetch data from ExchangeRate-API based on the selected base currency and display the amount conversion, instant exchange rate information, and a filterable list of all currency pairs. Currency names and country codes are maintained in a separate data file for dynamic flag updates. Additionally, I manage the inverse conversion and modal list flow client-side.

Outcome

The result is a currency converter that works on both desktop and mobile, featuring a clean interface and a clear user flow. While the project is small-scale, it effectively demonstrates API integration, the use of environment variables, and client-side data-driven UI implementation.

Technologies

HTML5, CSS3, JavaScript, Vite, ExchangeRate-API

Installation