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