// архітектура_системи / ролі_навігація_кошториси
TeploHub: Створення кошторисів та мобільне планування для інженерних послуг
Бізнес-виклик
ТеплоХаб спеціалізується на проєктуванні, монтажі та сервісі теплових насосів, теплої підлоги, котлів і систем каналізації. Маючи за плечима понад 800 готових об'єктів, компанія зіткнулася з проблемою ручного прорахунку матеріалів, тривалого складання кошторисів для клієнтів та координації польових майстрів. Їм потрібне було єдине мобільне та веб-рішення для ведення бази клієнтів, детального каталогу матеріалів та миттєвого генерування офіційних PDF-кошторисів безпосередньо з об'єктів.
Архітектура та стек
Ми розробили кросплатформенну систему на базі **Expo SDK 56 (React Native)** та **React 19**, що дозволило використовувати єдиний код як для мобільних додатків майстрів, так і для веб-панелі управління директора.
- › Frontend: React Native + Expo Router v4 (TSX / TypeScript)
- › Стилізація: Styled Components (нативні стилі)
- › Backend: Firebase (Auth, Firestore, Storage, Hosting)
- › Генератор PDF: Клієнтський безсерверний компілятор комерційних пропозицій
- › Іконки: Lucide React Native
Основні технічні модулі
Директор може сформувати детальний кошторис на монтаж теплої підлоги або установку теплового насоса прямо зі свого смартфона. Додаток автоматично рахує обсяги, підставляє ціни з довідника, створює брендований PDF-документ і пропонує надіслати його клієнту через вбудований шеринг (Viber, Telegram, Email).
Монтажники на об'єктах бачать свій розклад і прикріплені завдання. Вони отримують швидкі Firebase push-сповіщення при призначенні або зміні статусу завдання і оновлюють етапи виконання робіт прямо в додатку.
Внутрішній структурований каталог труб, фітингів, котлів та видів робіт. Система кешує дані локально, дозволяючи шукати ціни та товари навіть у підвалах новобудов чи заміських об'єктах зі слабким мобільним інтернетом.
Інтерактивна аналітична панель, яка показує загальний обіг коштів, середній чек пропозиції, активні об'єкти в розрізі монтажників та фінансовий статус замовлень у реальному часі.
Синхронізація даних в реальному часі
Використовуючи стрім-синхронізацію Firestore, директор моментально отримує сповіщення, коли майстер на об'єкті змінює статус робіт, додає фотозвіт чи зазначає додаткову потребу в деталях.
- › Миттєвий зв'язок: Оновлення етапів робіт без зайвих дзвінків у офіс.
- › Офлайн-режим: Можливість створювати чернетки замовлень без зв'язку (синхронізація при виході в мережу).
- › Надійні правила безпеки: Чітке розмежування доступу (майстер не бачить фінансової аналітики та маржі компанії).
Функціонал за ролями
- Управління клієнтами: Створення карток клієнтів, прив'язка об'єктів та моніторинг оплат
- Складання кошторисів: Додавання робіт і запчастин, генерація фірмового PDF
- Керування довідником: Редагування прайс-листа послуг та каталогу інженерного обладнання
- Призначення завдань: Розподіл нарядів на роботу між вільними майстрами
- Стрічка завдань: Список призначених завдань на сьогодні/тиждень із дедлайнами
- Статуси за 1 клік: Перемикання стадій виконання (Очікує/В процесі/Виконано)
- Перегляд кошторису: Ознайомлення з переліком обладнання, що монтується на об'єкті