Overview

A trade finance web application built around real-time trade calculations, with a shared component library serving two products from the same monorepo.

What I built

• Developed the web app with React, TypeScript, Apollo GraphQL, and Chakra UI, tightening up data fetching and making the UI work properly on smaller screens.
• Wired the backend trade calculation engine into the app so figures recalculated from user input as it was entered.
• Moved the base components into a shared library via Yarn workspace so both applications in the monorepo could use them.

Outcome

Trade numbers stayed in sync with what users typed. The workspace setup proved itself when the second product needed to ship, since most of the UI already existed.