Exchange Rate

Exchange Rate

React, Tailwind, React Table

Project Overview

As part of the Maybank project, I developed a dynamic account listing table that supports real-time currency conversion based on user-selected exchange rates. The table displays key account details including name, number, original currency, and balances. To optimize performance and reduce backend load, the exchange rate calculation is handled entirely on the frontend. Rather than converting all accounts (e.g., 10,000 entries), we only compute exchange rates for the 20 records displayed per page. This ensures a responsive user experience while maintaining scalability. The conversion respects the original currency of each account and dynamically reflects the selected target currency from the dropdown.

Technologies

React

Tailwind

Vite

React Table

Vercel

Back