ViteReactTool Site

react-currency-converter — Vite Tool Template

By AllRates-Today

A React and Vite currency conversion template that runs immediately after cloning. Exchange rates come from official rate tables published by 121 central banks and 3 tax authorities, retrieved through a keyless, CORS-open API.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-09View source

What stands out

A quick read of the recorded project description.

01

React + Vite project structure; after cloning, run npm install and npm run dev to start

02

Exchange rates come from official rate tables of 121 central banks and 3 tax authorities; the API requires no API key and is CORS-open

03

src/rates.js supports three ways to parse any currency pair: direct, reciprocal, and cross via the local currency, and indicates the method used in the interface

04

Official rate tables are daily fixings; real-time mid-market rates require a separate key and server-side calls

05

The code is MIT licensed; exchange rate data requires attribution to AllRatesToday

Template Details

This is a React + Vite currency conversion tool template, positioned as a starting project that can be cloned and run directly. Exchange rate data comes from the open API provided by AllRatesToday, sourced from official rate tables published by 121 central banks and 3 tax authorities, including the European Central Bank, the Federal Reserve, the Bank of England, the Reserve Bank of India, and HM Revenue & Customs. The API requires no API key and no self-hosted backend, so requests can be made without additional configuration.

The conversion logic is centralized in src/rates.js: it requests https://allratestoday.com/api/open/central-bank/<bank> and parses any currency pair from the rate table published by that central bank. There are three parsing methods—direct quotation, taking the reciprocal, or cross-conversion via the central bank's local currency; the interface indicates which method the current result uses, because this distinction affects results in invoicing and tax filing scenarios.

It should be noted that official rate tables are daily fixings, not real-time quotes. If real-time mid-market rates covering more than 160 currencies are needed, a free API key must be requested, and calls must be made server-side to avoid exposing the key in the browser; the repository also includes a Next.js starter project demonstrating this server-side call approach. If only static data is needed, the central-bank-exchange-rates repository from the same organization publishes all rate tables daily in JSON and CSV format, hosted on jsDelivr.

The code is MIT licensed and may be used, modified, used commercially, and distributed for free; when distributing, the copyright notice and the full license notice must be retained. Exchange rate data may be used for free, but attribution to AllRatesToday is required. Licenses for third-party assets such as demo images, fonts, and icons must be checked separately, and external services such as domains and hosting may incur costs.

ViteReactTool Site

Is it right for your project?

Use Cases

  • Need an out-of-the-box currency conversion frontend connected to official central bank rate data
  • Need to clearly distinguish direct quotations, reciprocals, and cross rates in scenarios such as invoicing and tax filing
  • Use as a React + Vite project starter template to extend conversion or display features
  • Obtain daily central bank rate tables as static JSON or CSV for offline or batch processing

Suitable For

  • Frontend developers who want to quickly build a currency conversion page
  • Projects that need to reference official central bank exchange rates and label the conversion method
  • Tool sites that accept daily fixings and do not require real-time quotes
  • Users willing to retain the MIT license notice and data source attribution

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Click Use this template on GitHub, or clone the repository and run npm install and npm run dev

  2. 2

    The default API requires no API key and no self-hosted backend

  3. 3

    If switching to real-time mid-market rates, request a free API key and place calls server-side to avoid exposing the key

  4. 4

    When using exchange rate data, attribution to AllRatesToday is required; third-party asset licenses must be checked separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially, and distributed for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • Although exchange rate data may be used for free, attribution to AllRatesToday is required; failure to provide attribution does not meet the usage conditions.
  • The real-time mid-market rate feature requires registering for an API key, and calls must be made server-side; the key must not be exposed in the browser.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Rate data is free to use with attribution to [AllRatesToday](https://allratestoday.com).

Original README

For live mid-market rates across 160+ currencies you need a [free API key](https://allratestoday.com/register), and the call must be made from a server so the key is never shipped to the browser.

Original README
https://github.com/AllRates-Today/react-currency-converter/blob/main/LICENSEhttps://github.com/AllRates-Today/react-currency-converter/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-09. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 85 / 100
Technologies
Vite · React
Website type
Tool Site
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-10-08
Screenshot last checked
2026-10-09

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-09

Inspect the recorded source material

SHA-256: 1afe021b04b3b8790dacbefaaead3081b84e32e5956c716678f507dacc2b22bf

2026-10-09T02:29:41.268Z

Source file / repository
# react-currency-converter

A currency converter in React + Vite that works the moment you clone it. Rates are the **official tables published by 121 central banks and 3 tax authorities** (ECB, Fed, Bank of England, RBI, HMRC and more), fetched from a keyless, CORS-open endpoint. No API key, no backend, nothing to configure.

## Use this template

Click **Use this template** on GitHub, or:

```sh
npm install
npm run dev
```

## How it works

`src/rates.js` fetches `https://allratestoday.com/api/open/central-bank/<bank>` and resolves any pair from the published table: directly, by inverse, or as a cross via the bank's home currency. The UI shows which, because that distinction matters on invoices and tax filings.

Want the same data as static files? [central-bank-exchange-rates](https://github.com/AllRates-Today/central-bank-exchange-rates) publishes every table daily as JSON and CSV on jsDelivr.

## Real-time rates

Official tables are once-a-day fixings. For live mid-market rates across 160+ currencies you need a [free API key](https://allratestoday.com/register), and the call must be made from a server so the key is never shipped to the browser. The [Next.js starter](https://github.com/AllRates-Today/nextjs-currency-starter) shows that pattern.

## License

MIT. Rate data is free to use with attribution to [AllRatesToday](https://allratestoday.com).

## 🔗 Links

- **AI agents:** Claude Code plugin `/plugin marketplace add AllRates-Today/claude-code-plugin` · hosted MCP endpoint `https://allratestoday.com/api/mcp` (keyless)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.