Palm Oil Supply Chain — RSPO Compliance
Frontend for an RSPO-compliant palm-oil supply-chain platform — 75% test coverage and custom components for complex regulatory rules.
- React
- TypeScript
- Jest
- Monorepo
Frontend work on an RSPO-compliant palm-oil supply-chain platform that tracks certified product through the chain of custody. I hardened the existing UI, raised test coverage to 75%, and built custom components for the regulatory rules — then helped move the codebase onto monorepo standards.
// Problem
RSPO certification turns palm-oil sourcing into a tightly regulated chain of custody, and the platform's frontend had to enforce those rules exactly while staying stable in production. Recurring client-reported bugs and complex business logic made changes risky.
// Approach
Stabilize first, then extend. I drove the frontend to 75% test coverage so regressions surfaced before release, ran down the critical production incidents to their root cause, and built the regulatory UI as reusable components instead of one-off screens.
// Architecture
Custom hierarchical-upload and multi-select components encode the compliance logic — advanced filtering plus conditional-disable rules that mirror the regulatory constraints, so invalid combinations simply can't be selected. The codebase was refactored toward monorepo standards, improving cross-team code sharing and cutting module integration time. Built in React and TypeScript with a Jest test suite.
// Outcome
Test coverage reached 75% and critical production incidents were resolved with near-zero repeat occurrences. The custom components made the regulatory rules reliable to work with, and the monorepo move let teams share code instead of duplicating it.