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

  • By Victor Eke
  • Last update: Nov 24, 2022
  • Comments: 3
logo

Currencee

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


Currencee - Trusted, fast and secure currency converter | Product Hunt

Rocketmeme Preview

Netlify Status

Currencee 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

🔐 License

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

bmc-button

Color Code

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

Github

https://github.com/Evavic44/currencee

Comments(3)

  • 1

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 12% 🎉

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /dist/assets/favicon/favicon-32x32.png | 1.78kb | 1.39kb | 21.97% | | /dist/assets/favicon/android-chrome-512x512.png | 102.87kb | 85.98kb | 16.42% | | /dist/assets/images/eur.svg | 1.22kb | 1.06kb | 12.68% | | /dist/assets/favicon/android-chrome-192x192.png | 24.32kb | 22.21kb | 8.68% | | /dist/assets/images/chf.svg | 0.28kb | 0.26kb | 7.96% | | /dist/assets/favicon/apple-touch-icon.png | 21.63kb | 19.92kb | 7.89% | | /dist/assets/images/nzd.svg | 2.12kb | 1.97kb | 7.36% | | /dist/assets/favicon/favicon-16x16.png | 0.69kb | 0.66kb | 4.25% | | /dist/assets/images/cnh.svg | 0.72kb | 0.69kb | 4.21% | | /dist/assets/images/hkd.svg | 3.46kb | 3.33kb | 3.84% | | /dist/assets/images/gbp.svg | 0.53kb | 0.51kb | 3.16% | | /dist/assets/images/aud.svg | 1.27kb | 1.25kb | 1.53% | | /dist/assets/images/cad.svg | 0.63kb | 0.62kb | 1.24% | | /dist/assets/images/usd.svg | 4.05kb | 4.01kb | 1.01% | | /dist/assets/images/coin.svg | 6.98kb | 6.93kb | 0.64% | | /dist/assets/images/menu.svg | 1.90kb | 1.89kb | 0.36% | | /dist/assets/images/logo.svg | 1.88kb | 1.88kb | 0.26% | | | | | | | Total : | 176.33kb | 154.56kb | 12.34% |

    📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

    ~Imgbot - Part of Optimole family

  • 2

    Update loader

    Preferred new loader.

    .loaderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.loader {
  width: 25px;
  height: 25px;
  border: 4px solid #333;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 0.4s linear infinite;
}
  • 3

    Add font-display: swap to @font-face property

    This helps avoid flashing or invisible text when the app loads. The property loads the system font before the google font loads.

    Source: https://web.dev/font-display/?utm_source=lighthouse&utm_medium=lr

    Fix

    Add the following line to the @font-face property in the _variables.scss file.

      font-display: swap;

Popular Tag

Related