Palm Oil Supply Chain — RSPO Compliance
Frontend for an RSPO-compliant palm-oil supply-chain platform — 90% 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 90%, 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 90% 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 90% and critical production incidents were resolved with 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.