In this project, you'll build an application that converts one currency to another. You will get the current conversion data using an API. You will also create the layout to provide the user the option to choose the two currencies and the quantity. Finally, you'll convert one currency to the other and show it to the user. To get started, please scroll down and look at the tasks listed below.
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.