The Challenge
The codebase was a legacy mess with no design system, no automated tests, and a bug backlog that held up every release. Farm managers also had no mobile option, so workflows that needed to happen in the field were stuck on desktop.
Approach
Migrated the infrastructure first: Next.js, TypeScript, Redux Toolkit. Built the design system in Storybook before touching any new features. Added Playwright + Cucumber E2E tests as a gate on all new work. Then built the React Native mobile features for field workflows and integrated Highcharts for the analytics dashboards.
Outcome
Development cycles dropped 300%. Bugs fell 90%. Manual reporting time cut 60%. The mobile workflows that used to take 5 minutes take 1 now. The design system is what every new screen gets built on.
Key Highlights
- Built AI-powered dashboards for farm managers, cutting manual reporting time by 60%
- Migrated the entire frontend from legacy code to Next.js, React, TypeScript, GraphQL. Development cycles dropped 300%
- Built the design system from scratch in Storybook. Every new screen starts there now
- Integrated Highcharts for real-time tracking of up to 40 aquaculture metrics. Analytics adoption up 40%
- Built React Native mobile features including camera-enabled growth and feeding tracking, cutting field workflows from 5 minutes to 1
- Introduced Playwright + Cucumber E2E tests as a gate on all new work. QA cycles dropped 50%
- Integrated Sentry for error monitoring. Unresolved production bugs went to zero