Logistics · Courier Booking Webview Platform
Porter
On-demand intracity and all-India parcel courier platform.
The brief
Accelerate feature velocity on Porter's All India Parcel / Courier product — a WebView-based booking experience within the Porter super-app — covering the full shipper journey from booking to post-order management, while also ensuring platform reliability through API gateway migration and iOS parity.
What we built
A comprehensive React JS courier booking and management platform embedded as a WebView within Porter's native logistics app. Key deliverables include:
- full end-to-end courier booking flow (pickup/drop address, package details, quotation, review, payment, post-order)
- coupon/discount/auto-discount engine with GST-accurate pricing
- e-waybill generation module with OCR fallback and 2FA
- dual payment gateway (Juspay primary + Razorpay fallback) with iOS/Android parity
- CAG (Central API Gateway) migration of all courier APIs
- CMS-driven dynamic landing page
- recent search and saved address features
- next-day delivery and EDD display with holiday calendar integration
- courier rebooking flow
- shipment insurance (AB tested)
- CFMS franchise management dashboard testing, and
- AWS-to-GCP database migration validation. All features released with rollout flags and AB testing gates.
Courier booking flow (web + app entry points), coupon/discount engine, e-waybill module, Juspay+Razorpay dual gateway, CAG-migrated APIs (100% rollout), CMS landing page, recent search, next-day delivery, rebooking flow, shipment insurance (AB test), and CFMS dashboard are all live on production. Saved address and EDD revisions are in AB testing. GCP migration cutover completed.
Delivery timeline
How it was built, phase by phase.
8 workstreams across 52 weeks of operated delivery.
- buildWeek 1–52
Courier Booking & Order Flow (Web + App)
End-to-end courier booking flow covering pickup/drop address entry, package details, quotation/estimate screen, review page, consent bottom sheet, and order confirmation.
Full-featured web courier booking flow live on production with AB testing gates, post-order management, and cancellation.
React JsCAG APISentryLottieJuspayRazorpay - buildWeek 1–10 (Dec 2023 – Feb 2024)
E-Waybill Module
End-to-end e-waybill generation flow: OCR-based extractor API, Part A/Part B forms, 2FA verification, image upload with animations, CORS-safe CAG migration, and Sentry replay configuration.
E-waybill module production-ready with graceful API failure fallback, 2FA, and image upload.
React JsSentryLottieCAG API - integrateWeek 3–21 (Dec 2023 – Apr 2024)
CAG (Central API Gateway) Migration
Full migration of all courier APIs to a Central API Gateway, covering CORS resolution, header debugging, staged rollout (0% → 100%), and production deployment with testing.
100% of courier frontend APIs migrated to CAG with no regressions in production.
CAG APIReact Js - buildWeek 4–14 (Dec 2023 – Mar 2024)
Coupons, Discounts & Pricing Engine
Complete promo/coupon system: coupon listing page, manual search/apply, auto-apply on quotation change, auto-discounting on quotations, payment summary with GST/IGST breakdown, and price breakup components.
Coupon engine live on production with auto-apply, manual apply, remove coupon, and rollback capability; GST-accurate payment summary.
React JsCAG API - buildWeek 12–52 (Feb 2024 – Sep 2024)
Recent Search & Saved Address Features
Recent search functionality with tabbed UI, pre-fill from recent address, record address on form submit, entity mappers, API contract changes.
Recent search live on production; Saved Address feature in AB testing with internal/external user cohorts.
React JsCAG API - buildWeek 15–21 (Mar 2024 – Apr 2024)
CMS-Driven Landing Page
Dynamic courier landing page rendered from CMS context: content-driven UI components, banner updates, shimmer loading states, image preloading, rollout flags, and design QA cycles.
CMS-driven landing page live with rollout flags; removal experiment later tested in May 2024.
React JsCMS - integrateWeek 22–36 (Apr 2024 – Jul 2024)
Payment Gateway Integration (Juspay + Razorpay Fallback)
Primary Juspay payment integration with Razorpay as fallback. Includes Android configuration for fallback, iOS-specific Juspay enablement, exception lists, failure logging, and AB-tested rollout.
Resilient dual-gateway payment system live on both Android and iOS with platform-specific exception handling and observability.
JuspayRazorpayReact Js - buildWeek 26–52 (May 2024 – Oct 2024)
Estimated Delivery Date (EDD) & Next Day Delivery (NDD)
Courier Partner EDD display with AB testing, Next Day Delivery quotation changes and service implementation, EDD revisions with Holiday Calendar integration, and CP-specific EDD display.
CP EDD live with AB testing; NDD service live; EDD revisions incorporating Holiday Calendar in testing.
React JsCAG API
More case studies
Related work
09 · Run a function
Stop renting hours. Start running functions.
Pick the function you want off your plate. We'll map the brain and name the outcome we'd commit to — before you do.