Overview

A trade finance web application built for real-time trade calculations, with a shared component library powering two products inside the same monorepo.

What I built

• Developed the web app with React, TypeScript, Apollo GraphQL, and Chakra UI — improving data fetching performance and delivering a fully responsive UI.
• Integrated the backend trade calculation engine into the web app, enabling real-time calculations from user input and improving the accuracy of trade data displays.
• Migrated base components into a shared library via Yarn workspace, enabling code reuse between two applications in a monorepo.

Outcome

Real-time trade numbers stayed in sync with user input, and the workspace setup paid off when the second product needed to ship — most of the UI was already there.