Веб-приложение · B2B · КП в PDF
Конфигуратор цены
В B2B заказ собирается из десятков опций: одни сочетаются, другие нет, а менеджер пересчитывает смету в Excel и копирует её в КП. Здесь конфигуратор знает правила производства — слишком широкая открывающаяся створка не даст отправить КП, — сам считает скидку за объём, промокод с потолком, рассрочку и срок изготовления.
Сценарий: Оконная компания «Формула» — вымышленная: пластиковые окна под ключ в Екатеринбурге.
Открыть демо
Удобнее с компьютера: позиции и КП рядом. На телефоне итог — в плашке внизу.
Приложение работает в браузере: на сервер ничего не отправляется.
Что показывает демо
Как попробовать
Посмотрите заказ
Кухня, гостиная и балкон уже собраны — справа итог со скидкой за объём и сроком монтажа.
Нажмите на створку
На схеме створка переключается: глухая → поворотная → поворотно-откидная. Цена фурнитуры меняется сразу.
Расширьте гостиную до 3000 мм
Створки станут по 1000 мм — конфигуратор покажет ошибку и не даст сохранить КП, пока створку не сделать глухой или окно не сузить.
Введите промокод ОСЕНЬ
Скидка 7%, но не больше 15 000 ₽ и не больше 15% вместе со скидкой за объём.
Сохраните КП
КП получит номер и попадёт в историю; «КП в PDF» откроет печать с бланком и схемами окон.
Без платных нейросетей
Цены, правила и промокоды — демо-каталог в коде приложения, без сервера и CRM. История КП хранится в этом браузере. В рабочем проекте прайс и правила правятся в админке или ERP, а КП уходит в сделку CRM.
Демо работает без API-ключей OpenAI, YandexGPT или GigaChat. Там, где рабочая система обращается к модели, стоит локальная заглушка с тем же интерфейсом — поэтому демо бесплатно, всегда доступно и ничего не выдумывает.
Что будет в рабочем проекте
- Прайс и матрица совместимости опций из ERP или PIM
- Сохранение конфигурации и КП в сделку amoCRM / Bitrix24, нумерация из учётной системы
- КП на бланке компании с печатью, подписью и условиями поставки
- Ссылка для клиента: он собирает окна сам, менеджер только подтверждает замер
Стек
- Все демо по стеку:
- React
- TypeScript
- React 19
- TypeScript
- Vite
- Tailwind CSS
Комментарий от разработчика
Антон Гончаров
Разработчик ИИ-систем · Python
Для бизнеса
- Менеджер собирает заказ на все окна квартиры за пару минут и отправляет КП с номером и сроком действия.
- Невозможное окно не попадает в КП: правила производства проверяются до отправки клиенту.
- Скидки не уходят в минус: промокод с потолком и общий лимит скидок считаются сами.
Для разработчиков
- Каталог, правила и расчёт — чистые функции с тестами: normalize, issues, quote.
- Схема окна — SVG в миллиметрах из той же геометрии створок, что и цена.
- Состояние заказа живёт в localStorage и в ссылке; PDF — печатью браузера с отдельным макетом КП.
Советы
Совет 01
Правила совместимости пишите данными, а не if в кнопках: их потом правят без релиза фронта.
Совет 02
Показывайте, почему опция недоступна или КП заблокировано, — иначе клиент думает, что калькулятор сломался.
Нужен такой же для вашего бизнеса?
Расскажите о задаче — отвечу, что из демо подойдёт вам, сколько это займёт и что понадобится с вашей стороны.
Другие демо в этом разделе
Все демо- работает
Веб-приложение · распознавание речи · нейросеть в браузере
Голосовая заявка
Клиент наговаривает заявку голосом, а менеджер получает готовую карточку: имя, компания, телефон, бюджет, сроки, задача и оценка — горячий лид или нет. Речь распознаёт Whisper прямо в браузере.
- React
- TypeScript
- Нейросеть в браузере
- работает
Веб-приложение · звонок в браузере · распознавание и синтез речи
Голосовой оператор доставки
Робот принимает заказы по телефону вместо администратора: слушает, переспрашивает, проверяет адрес по зонам доставки, считает сумму и читает заказ перед подтверждением. Звонок идёт прямо в браузере — кнопка «Позвонить», без номера телефона.
- React
- TypeScript
- Нейросеть в браузере
- работает
Веб-приложение · распознавание речи · контроль отдела продаж
Речевая аналитика звонков
Звонок отдела продаж превращается в расшифровку по ролям, оценку по скрипту и заполненную карточку сделки: клиент, контакты, интерес, озвученная цена, следующий шаг и задача менеджеру. Речь распознаёт Whisper прямо в браузере.
- React
- TypeScript
- Нейросеть в браузере
- работает
Веб-приложение · документы · DOCX и PDF
Генератор КП и договора
Менеджер заполняет анкету сделки — покупатель, товары, скидка, НДС, — а коммерческое предложение, договор поставки и счёт собираются на листе A4 на глазах. На выходе — Word, PDF или JSON.
- React
- TypeScript
- работает
Веб-приложение · финансы · сравнение
Ипотечный калькулятор
Пять программ банков на одном экране: какие подходят клиенту и почему остальные нет. Льготная ставка от застройщика, дифференцированный платёж, досрочное погашение, нагрузка на доход и налоговый вычет.
- React
- TypeScript
- работает
Веб-приложение · смета · PDF
Калькулятор сметы ремонта
Размеры комнат превращаются в площади пола, стен и потолка, а те — в работы по этапам. Работа и материалы отдельно, срок по выработке бригады, график оплаты и версии сметы для торга с клиентом.
- 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