FX Weekly

A modern React application built with shadcn/ui that displays real-time currency exchange rates and performance metrics using Massive API.

Features

• ✨ Built with shadcn/ui components
• 📊 Real-time currency exchange rates
• 📈 Performance metrics: Week-To-Date (WTD), Month-To-Date (MTD), Year-To-Date (YTD), and 2025 performance
• 🎨 Visual indicators with color-coded bars for positive/negative changes
• 🔄 Auto-refresh every 5 minutes
• 📱 Responsive design with Tailwind CSS
• 🌙 Dark mode support

Currency Pairs

• Dollar Index (DXY)
• USDSGD
• GBPUSD
• GBPSGD
• EURUSD
• EURSGD
• USDCNY
• SGDCNY
• USDJPY
• SGDJPY

Setup

1. Install dependencies:

npm run install-all

2. Start the development servers:

npm run dev

This will start:

• Backend server on http://localhost:3001
• Frontend React app on http://localhost:5173

Project Structure

fx-weekly/
├── server/
│   ├── index.js          # Express server
│   └── currencyAPI.js    # Massive API integration
├── client/
│   ├── src/
│   │   ├── App.jsx       # Main React component
│   │   ├── components/
│   │   │   └── ui/       # shadcn/ui components
│   │   └── lib/
│   │       └── utils.js   # Utility functions
│   └── ...
└── package.json

Technologies

• Backend: Node.js, Express, Axios
• Frontend: React, Vite, Tailwind CSS
• UI Components: shadcn/ui
• Data Source: Massive API
  • Professional-grade financial data
  • Real-time and historical exchange rates
  • Highly accurate forex data
  • API credentials configured in server/currencyAPI.js

License

MIT