Phox Health
Consolidating medical courier tracking and delivery dashboards into a single fast React monorepo.
The Challenge & Context
Phox Health coordinates medical deliveries, cold-chain medication shipments, and hospital courier runs.
Over time, three separate React apps (one each for pharmacies, labs, and couriers) were built independently. They had duplicate components, mismatched TypeScript types, inconsistent styling, and making changes across all three was painfully slow.
Key Metrics
- Merged Repositories:3 into 1 Monorepo
- Duplication Reduced:~40% code savings
- User Interaction:+25% push engagement
- Organic SEO Growth:+20% sitemap indexing
Nx Monorepo Consolidation
How we migrated three independent codebases incrementally without downtime
Developers were constantly copying and pasting code between 3 different repositories. Bug fixes in one app were often forgotten in the other two.
Merge all three apps into an Nx monorepo, extract shared UI components, and streamline our CI build pipeline without interrupting active deployments.
I set up an Nx monorepo, moved shared UI components and utility helpers into reusable packages, and standardized TypeScript interfaces across apps. I also configured `nx affected` so CI only tests and builds apps touched in a pull request.
Cut duplicated code by ~40% and cut CI build times in half. Shipping updates across all three clinical portals became much faster and less error-prone.
Platform Features
Nx Monorepo Boundary Gates
Set up strict ESLint boundary rules in Nx to prevent UI packages from accidentally importing backend configs, keeping code modular and avoiding messy dependency loops.
Zustand Hook-Based Stores
Replaced clunky Redux boilerplate and deep prop drilling with lightweight Zustand stores for global state across dashboards.
Service Worker Push System
Built a service worker background worker to handle Web Push notifications, giving couriers real-time delivery alerts and bumping user engagement by 25%.
Dynamic Sitemap API
Wrote a Node.js script to automatically generate fresh sitemap.xml files from database routes and ping search engines, boosting organic page indexing by 20%.
Live Platform
Note: Phox Health is an enterprise healthcare delivery logistics platform. The link below navigates to the public corporate interface; platform logistics dashboards require active clinical credentials.