Back to Projects
Exchange Rate Management
Exchange Rate Management logo

Exchange Rate Management

Next.jsTypeScriptSupabaseStripeWebSocketsTailwind CSS

Project Overview

Exchange Rate Management is a specialized SaaS platform designed to modernize the Bureau de Change industry. Traditional currency exchange businesses often struggle with fragmented systems—updating a physical board in the shop and then manually updating their website.

This platform solves that synchronization problem. By providing a unified control plane, businesses can manage their buy/sell rates for over 153 currencies in one place. The system instantly propagates these changes to both their physical "Digital Rate Boards" (Smart TVs) and their customer-facing websites via a highly optimized embeddable widget.

Technical Architecture

1. The Embeddable Widget Engine

The core technical challenge was creating a lightweight, non-blocking script that could be embedded on any client website (WordPress, Wix, Custom React apps) without affecting their performance.

  • Shadow DOM Isolation: Implemented to ensure the widget's styles never bleed into the host website, and the host's styles never break the widget.
  • Asynchronous Loading: The script uses advanced lazy-loading techniques to ensure it has a negligible impact on the client's Core Web Vitals (LCP/CLS).

2. Real-Time Digital Signage

The "Digital Rate Board" feature turns any standard web browser into a professional display system.

  • Hardware Agnostic: Unlike competitors requiring expensive proprietary hardware, this solution runs on any Smart TV or computer with a browser.
  • WebSocket Synchronization: Rate updates are pushed instantly via secure WebSockets, ensuring the physical board always matches the point-of-sale system without requiring a page refresh.

3. Monetization & Infrastructure

  • Stripe Integration: Fully automated subscription management (SaaS), handling recurring billing, tiered access (Free vs. Pro), and usage limits.
  • Supabase Backend: Utilizes Row Level Security (RLS) to securely manage tenant data, ensuring strict isolation between different exchange businesses.

Key Features

Omnichannel Rate Management

A "Set Once, Update Everywhere" philosophy.

  • Centralized Dashboard: Update a rate spread once, and it reflects on the shop floor TV and the company website simultaneously.
  • 153+ Currencies: Automated fetching of mid-market rates as a baseline, allowing businesses to set custom spreads/margins.

Digital Board Capabilities

  • 4K Responsive Layouts: The display automatically adjusts typography and grid layouts based on the screen size and resolution (from 1080p monitors to 4K TVs).
  • Offline Resilience: The board caches the last known rates, ensuring the display remains functional even during temporary internet outages.

Use Cases

Client Type Pain Point Solution
Local Exchange Shops Updating manual boards is slow and prone to error. Digital Board: Instant, typo-free updates from a phone or laptop.
Travel Agencies Website rates often lag behind in-store rates. Embed Widget: 1-line script keeps the website 100% in sync with the shop.
Multi-Branch Bureau Hard to enforce consistent pricing across locations. Central Control: HQ can push rate updates to all branch screens instantly.

Results

The platform has successfully lowered the barrier to entry for digital signage in the fintech space, removing the need for $2,000+ specialized hardware setups in favor of a pure software solution that runs on existing equipment.