Validating Real-World Network Compatibility in React Native

WEPN's React Native application is the mobile control plane for self-hosted VPN hardware. It spans local device discovery, router communication, network diagnostics, secure access sharing, cloud coordination, and iOS/Android delivery.

I own the mobile architecture. The hardest feature I designed was the network-compatibility test used before a prospective user obtains a WEPN pod. The app discovers the router, creates a temporary port mapping, opens a listener on the phone, and asks the backend to verify the complete inbound path from the public internet. External traffic reaching the phone—not merely a successful router response—is the proof that the router and ISP path are compatible.

Router implementations returned different configuration shapes, so I evolved the parser from a narrow structural assumption into broader capability detection with safe recursion termination. The public onboarding flow directs prospective pod users to run this test to reduce incompatible-network surprises. No adoption, pass-rate, avoided-shipment, or fleet-size claim is made.