// system_architecture / routing_roles_estimates
TeploHub: Digital Estimating & Field Scheduling for HVAC Services
Business Challenge
TeploHub specializes in the design, installation, and maintenance of heat pumps, underfloor heating, boilers, and sewage systems. With over 800 completed projects, managing materials pricing, drafting customer estimates, and coordination of field technicians became a significant bottleneck. They needed an integrated mobile and web solution to manage scheduling, client databases, material directories, and instantly output professional PDF estimates directly from active job sites.
Architecture & Stack
We built a high-performance cross-platform system utilizing Expo SDK 56 (React Native) and React 19 , sharing the codebase between mobile apps and web tools.
- › Frontend: React Native + Expo Router v4 (TSX / TypeScript)
- › Styling: Styled Components (native styles)
- › Backend: Firebase (Auth, Firestore, Storage, Hosting)
- › PDF Engine: Custom serverless client-side PDF catalog compiler
- › UI Icons: Lucide React Native package
Key Technical Modules
Directors can generate professional, itemized PDF estimates for underfloor heating or heat pump installations directly from their smartphone. The app automatically calculates quantities, applies catalog prices, generates a branded PDF, and triggers native iOS/Android sharing options (WhatsApp, Email, etc.).
Plumbers and HVAC technicians on the ground see their daily tasks and assigned objects. They receive instant Firebase push notifications on task updates and can toggle status loops directly on site.
An internal searchable catalog of pipes, manifolds, boilers, and services. The directory synchronizes offline cache, permitting catalog lookups inside basements or rural client properties with unstable cell signals.
A real-time financial dashboard displaying overall metrics, average estimate size, active construction objects, and employee tasks analytics for the executive team.
Real-time Database Sync
Using Firestore live synchronization, the director gets instant notifications when a technician edits the status of a pipeline installation, updates coordinates, or requests additional parts.
- › Real-time Sync: Instant status sync from field workers to office managers.
- › Offline Support: Cache estimates offline; auto-syncs immediately once back online.
- › Secure Firestore Rules: Granular RBAC locking data per user roles.
Role-Based Actions
- Client Manager: Create profile, link objects, monitor status
- Estimate Editor: Add materials, compute prices, output branded PDF estimates
- Directories Guard: Update service prices and heating parts catalogs
- Worker Coordinator: Assign workers to active objects, inspect results
- Task Observer: Track assigned tasks and deadlines
- Status Control: Update task status in 1 click (Pending/In Progress/Done)
- Estimates Viewer: Inspect active estimate parts on target sites