Веб-приложение · смета · PDF
Калькулятор сметы ремонта
Подрядчик считает смету в таблице: метры, работы, класс отделки, запас. Ошибка в строке — и клиент видит другую сумму, а на вопрос «когда закончите» ответа нет. Здесь смета собирается из размеров комнат: стены считаются за вычетом дверей и окон, мокрые работы доступны только в кухне и санузле, а срок и платежи выводятся из этапов.
Сценарий: Ремонтная компания «Мастерская» — вымышленная: ремонт квартир под ключ.
Открыть демо
Можно добавить помещение, поменять размеры и снять лишние работы — итог и срок обновятся сразу.
Приложение работает в браузере: на сервер ничего не отправляется.
Что показывает демо
Как попробовать
Посмотрите квартиру
Пять помещений вторички уже собраны — справа итог, цена за м² и срок.
Переключите на новостройку
Демонтаж станет недоступен, работа подешевеет на 10% — смета и срок пересчитаются.
Сохраните версию и поменяйте класс
Сохраните версию, поставьте гостиной «Премиум» и откройте «Версии» — видно, что подорожало и на сколько.
Откройте сроки и оплату
Поставьте две бригады — срок сократится, а платежи привяжутся к новым датам этапов.
Без платных нейросетей
Прайс, нормы выработки и коэффициенты — демо-каталог в коде приложения. Версии хранятся в этом браузере. В рабочем проекте их правят в админке, а смета уходит в договор и сделку CRM.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Прайс, нормы выработки и коэффициенты классов в админке
- Шаблоны объектов: студия, однушка, офис — и замер с планировки
- Смета → договор, график платежей и счета тем же пакетом документов
- Фотофиксация этапов и акты выполненных работ в кабинете клиента
Стек
- Все демо по стеку:
- React
- TypeScript
- React 19
- TypeScript
- Vite
- Tailwind CSS
Основано на
Книги и дисциплины, идеи из которых работают в этом демо.
Книга · Роберт Мартин
Идеальный программист
Смета с резервом на непредвиденное и версиями для торга: оценка — с запасом на риски, а не одна оптимистичная цифра.
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Клиент видит прозрачную разбивку по этапам и помещениям, работу и материалы отдельно.
- Срок и график платежей выводятся из сметы — ответ на «когда закончите» есть сразу.
- Версии со сравнением помогают торговаться: видно, что именно подешевело.
Для разработчиков
- Геометрия, правила и смета — чистые функции с тестами: geometry, allowed, estimate, payments, diff.
- Срок — объём работ, делённый на выработку бригады; этапы идут друг за другом.
- Последний платёж закрывает остаток, чтобы сумма платежей совпала с итогом до рубля.
Советы
Совет 01
Резерв выносите отдельной строкой: клиенту так честнее, чем «зашить» его в каждую позицию.
Совет 02
Считайте стены за вычетом проёмов — иначе смета расходится с замером на 10–15%.
Нужен такой же для вашего бизнеса?
Расскажите о задаче — отвечу, что из демо подойдёт вам, сколько это займёт и что понадобится с вашей стороны.
Другие демо в этом разделе
Все демо- работает
Веб-приложение · распознавание речи · нейросеть в браузере
Голосовая заявка
Клиент наговаривает заявку голосом, а менеджер получает готовую карточку: имя, компания, телефон, бюджет, сроки, задача и оценка — горячий лид или нет. Речь распознаёт Whisper прямо в браузере.
- React
- TypeScript
- Нейросеть в браузере
- работает
Веб-приложение · звонок в браузере · распознавание и синтез речи
Голосовой оператор доставки
Робот принимает заказы по телефону вместо администратора: слушает, переспрашивает, проверяет адрес по зонам доставки, считает сумму и читает заказ перед подтверждением. Звонок идёт прямо в браузере — кнопка «Позвонить», без номера телефона.
- React
- TypeScript
- Нейросеть в браузере
- работает
Веб-приложение · распознавание речи · контроль отдела продаж
Речевая аналитика звонков
Звонок отдела продаж превращается в расшифровку по ролям, оценку по скрипту и заполненную карточку сделки: клиент, контакты, интерес, озвученная цена, следующий шаг и задача менеджеру. Речь распознаёт Whisper прямо в браузере.
- React
- TypeScript
- Нейросеть в браузере
- работает
Веб-приложение · документы · DOCX и PDF
Генератор КП и договора
Менеджер заполняет анкету сделки — покупатель, товары, скидка, НДС, — а коммерческое предложение, договор поставки и счёт собираются на листе A4 на глазах. На выходе — Word, PDF или JSON.
- React
- TypeScript
- работает
Веб-приложение · B2B · КП в PDF
Конфигуратор цены
Менеджер собирает заказ на все окна квартиры: тип, размер, створки на схеме, профиль, стеклопакет и цвет. Правила производства проверяются сразу, скидки и рассрочка считаются сами, КП с номером уходит в PDF.
- React
- TypeScript
- работает
Веб-приложение · финансы · сравнение
Ипотечный калькулятор
Пять программ банков на одном экране: какие подходят клиенту и почему остальные нет. Льготная ставка от застройщика, дифференцированный платёж, досрочное погашение, нагрузка на доход и налоговый вычет.
- React
- TypeScript
- работает
Веб-приложение · витрина · чекаут · заказы
SPA-каталог на React
Магазин целиком в браузере: поиск с подсказками и исправлением раскладки, фасеты с живыми счётчиками, ссылки на любой фильтр, избранное, корзина с промокодом и чекаут с выбором слота доставки. Заказы видны в «Моих заказах» со статусами, их можно повторить или отменить.
- React
- TypeScript
- работает
Машинное обучение на Python · работает в браузере
Аналитика отзывов с маркетплейсов
Отзывы с Wildberries, Ozon и Яндекс Маркета через API продавца: модели scikit-learn определяют тональность и о чём пишут покупатели, тревога поднимается в первую неделю всплеска жалоб, новые темы находятся сами, а ответ уходит обратно через API площадки. Модели обучаются прямо в браузере.
- Python
- React
- TypeScript
- работает
Виджет для сайта · нативный JS · одна строка
Виджет AI-консультанта
Консультант для любого сайта, который ставится одной строкой: отвечает по базе знаний со ссылкой на источник, собирает заявку и зовёт оператора. Написан на чистом JavaScript без фреймворков — весь виджет 21 КБ в gzip.
- Нативный JS
- работает
Виджет для сайта · нативный JS · заявки
Квиз-форма заявки
Квиз вместо длинной формы: шесть вопросов с ветвлением, в конце — расчёт по прайсу. Менеджер получает заявку с оценкой «горячая / тёплая / холодная» и источником рекламы, а вкладка «Аналитика» показывает, на каком шаге уходят люди.
- Нативный JS
- работает
Backend на Python · вебхуки → amoCRM и Битрикс24
Интеграционный хаб заявок
Заявки с сайта, из рекламы, звонков, почты и ботов приходят на вебхуки, приводятся к одному виду, проверяются на дубли, распределяются по менеджерам и доставляются в amoCRM и Битрикс24 — с повторами, когда CRM недоступна.
- Python
- React
- TypeScript