Currency Convertor

💲 The world's most trusted, fast and secure currency converter app

Run project locally

Styling is done using sass. Make sure you run the command below to enable sass watch for changes and compile them to the .css file

sass --watch scss:dist/css

Currency Convertor is a simple app built using HTML and JavaScript. Styling is done using SASS. To run the project locally, simply fork and clone the project to your machine, then run the index.html file using liver server.

The converter is powered by the Exchange Rate API, which supports over 161 commonly circulating world currencies listed here. These cover 99% of all UN recognized states and territories. The API offers 1500 requests per month for free.

Countries are stored in a JavaScript object. These are the available countries. To add more, use the currency code as the element name and country intial for the object element value.

let country_code = {
  USD: 'us',
  GBP: 'gb',
  EUR: 'eu',
  NGN: 'ng',
  INR: 'in',
  JPY: 'jp',
  CNY: 'cn',
  GHS: 'gh',
  AUD: 'au',
};

The flags used are embedded using Flagpedia which offers countries images based on their code.

https://flagcdn.com/h20/ng.png

Google Analytics to measure metrics and usage.
Google font
Fontawesome for icons
GSAP for animation

🔐 License

This project is protected by MIT License. If you like this project, kindly star ⭐ and share this project.

Color Code

Color	Hex	Code
Primary color		`#8896CE`
Secondary color		`#191136`
Accent color		`#E5E9FE`
Bg Dark		`#000000`
Bg Light		`#FFFFFF`

tenwiz/currency-convertor

Currency Convertor

Run project locally

🔐 License

Color Code