HVAC Diagnosis App

HVAC Diagnosis App

Problem

HVAC technicians diagnosing equipment in the field were relying on paper manuals, phone calls to senior staff, and guesswork. The diagnostic process was slow, inconsistent between technicians, and dependent on tribal knowledge. A leading HVAC company needed a mobile tool that could standardize their diagnostic workflows and put equipment data directly in technicians' hands on-site.

Approach

I worked on this at EY Design Studio alongside six developers, a QA engineer, a designer, and two product managers. My responsibilities spanned frontend implementation and testing. I translated Figma and Sketch designs into production React Native components, built data visualization panels that pull equipment performance data from a GraphQL API, and wrote end-to-end tests with Detox and Jest to ensure reliability in the field.

Offline-friendly UX was a priority since technicians often work in basements, mechanical rooms, and rooftops with unreliable connectivity. I focused on keeping the interface fast and functional even with intermittent network access.

Technical Stack

  • React Native
  • Redux Toolkit
  • TypeScript
  • GraphQL
  • Detox (e2e)
  • Jest

Solution

A cross-platform mobile app that guides technicians through structured diagnostic workflows for HVAC equipment. Each workflow walks the technician through the appropriate tests for a specific unit, displays real-time performance data via interactive charts, and records results for reporting. The app replaced ad-hoc diagnosis with a repeatable, data-driven process that works regardless of a technician's experience level.

My Role

Frontend developer on a cross-functional team. I owned the UI implementation from design handoff to production, built the data visualization panels connected to a GraphQL backend, and established the end-to-end testing strategy with Detox and Jest. I also participated in code reviews and contributed to architecture decisions around state management and API integration.