Build a currency converter app using an API for real-time rates. Design a simple layout where users pick two currencies and enter an amount, then show the converted result instantly.
Resources: Country list API endpoint, Exchange Rate API Website
Things you need to know: Flexbox, Grid, Semantic HTML, Creating front-end using data, Searching/finding elements in an array
An input field for the amount to be converted.
A drop-down to select the "from" currency value.
A second drop-down to select the "to" currency value.
A convert button.
A <p>
tag to show the converted amount.
A <p>
tag to show any errors that might occur during the conversion process.
Visit ExchangeRate API Website and create an account.
After registration, you will receive an API key, which is a unique string that you will use to authenticate your requests.
Use the conversion API Endpoint https://v6.exchangerate-api.com/v6/<yourApiKey>/pair/<fromCurrency>/<toCurrency>
to retrieve the conversion rate.
Replace <yourApiKey>
with the API Key you generated in the first step.
Replace the <fromCurrency>
and <toCurrency>
with the user selected currency codes.
These are some of the other projects you can build.