✦ FX Rate Watch Desk

React exchange-rate console powered by the free Frankfurter v2 API

---

✨ Highlights

• Load Frankfurter v2 currencies, latest rates, pair rate, and time series
• Convert an amount between selected base and quote currencies
• Swap currency pairs without losing the conversion amount
• Watch multiple quote currencies for the selected base
• Show 7, 30, 90, or 180 day rate trails with compact trend bars
• Save currency pairs in localStorage
• Inspect live API endpoints used by the dashboard
• Vercel-ready static deployment

🛠️ Tech Stack

Layer	Technology
Framework	React 19
Language	TypeScript 6
Styling	Tailwind CSS 4
Icons	lucide-react
Build Tool	Vite 8
API	Frankfurter v2
Hosting	Static deployment ready

🗂️ Project Structure

react-fx-rate-watch-desk/
|-- public/
|   `-- favicon.svg
|-- src/
|   |-- lib/
|   |   `-- frankfurterApi.ts
|   |-- App.tsx
|   |-- index.css
|   `-- main.tsx
|-- LICENSE
|-- package.json
|-- vercel.json
`-- README.md

🚀 Local Development

npm install
npm run dev

🏗️ Build

npm run build

🌐 Vercel Deployment

🔌 API Note

This project uses the public Frankfurter v2 API:

https://api.frankfurter.dev/v2/rates?base=USD&quotes=EUR,GBP
https://api.frankfurter.dev/v2/rate/USD/EUR
https://api.frankfurter.dev/v2/currencies

Frankfurter provides reference exchange rates and does not require an API key.

📄 License

MIT License. See LICENSE.