Currency Converter
A currency converter is used to convert an amount in one currency to its corresponding value in another currency using their current exchange rate…
IntermediateWeb appTool6–16hAI-buildable 5/5needs Exchange rate API
A currency converter is used to convert an amount in one currency to its corresponding value in another currency using their current exchange rate, for example it can be used to calculate the value of 100 US Dollars in Euros. Current exchange rates are usually provided by banks and other financial service providers, they also (in some cases) offer free and paid APIs for developers to get current and historical exchange rates between two or more currencies.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 5
- User can enter up to 9 digits to represent the amount to convert in a source input field
- User can view a sorted list of available currencies and select the currency to convert from in a source drop-down list
- User can view a sorted list of available currencies and select the currency to convert to in a destination drop-down list
- User views the value (rounded to two decimal places) of the source amount converted to the destination currency in a single output field as soon as either the input value, the source currency, or the destination currency is changed.
- User must be alerted if the input is not a number
Once it works
- User should be able to swap the values of the source and destination drop-down lists on the click of a button
Suggested stack
reacttypescripttailwinddnd-kitreact-hook-formtanstack-query
External APIs
- Exchange rate API · no key