Работы портфолио специалистов в категории Сайты

Рабочее место оператора, которому бот передаёт сложные обращения: очередь с таймером, резюме диалога, черновик ответа, сделки на канбане и аналитика — на живом потоке клиентов. Что умеет: — Живой поток: новый клиент каждые 12–20 секунд, бот решает больше половины обращений сам — Очередь с таймером ожидания и причиной передачи: жалоба, опт, возврат, «не уверен» — Резюме для оператора и черновик ответа по теме обращения, быстрые ответы — Карточка клиента: заказы, сумма покупок, интересы, другие обращения Стек: React · TypeScript · dnd-kit · Recharts · Zustand · Vite · Tailwind CSS Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/panel-operatora

Как следят за ботом, когда он уже работает с клиентами: сколько запросов, как быстро он отвечает, как часто ошибается или не знает ответа. Журнал запросов с трассой каждого ответа и правила, которые пишут дежурному в Telegram, если что-то пошло не так. Что умеет: — Обзор за час, сутки или неделю: запросы, задержка p50 и p95, ошибки, ответы «не знаю», передачи оператору — Разбивка по ботам и каналам Telegram и Max — видно, где именно проблема — Журнал на 10 тысяч запросов с поиском и фильтрами: бот, канал, итог, медленные — Трасса ответа водопадом: проверка входа, поиск, модель, внешний API и отправка — что тормозит Стек: React · TypeScript · TanStack Table · TanStack Virtual · Recharts · Zustand · Vite Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/monitoring-bota

Рабочий день курьера: заказы, звонок клиенту, вручение с фото и подписью. Приложение открывается и работает без сети, а изменения уходят в диспетчерскую, когда связь вернётся. Если диспетчер за это время изменил тот же заказ — курьер выбирает, чья версия верная. Что умеет: — Открывается без сети: приложение целиком хранится на устройстве, новая версия ставится по кнопке «Обновить» — Заказы, звонок клиенту в одно касание, статусы «в пути», «доставлен», «не дозвонился» — Вручение: фото сжимается на телефоне в WebP — из 2 МБ получается около 130 КБ — подпись клиента пальцем, комментарий — Очередь изменений: отправка по порядку, повторы с растущей паузой на плохой связи, фоновая синхронизация Стек: JavaScript без фреймворков · Service Worker · IndexedDB · Background Sync · Canvas · Pointer Events · BroadcastChannel · Web Locks · Vite Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/prilozhenie-kurera

Магазин целиком в браузере: поиск с подсказками и исправлением раскладки, фасеты с живыми счётчиками, ссылки на любой фильтр, избранное, корзина с промокодом и чекаут с выбором слота доставки. Заказы видны в «Моих заказах» со статусами, их можно повторить или отменить. Что умеет: — Поиск с подсказками: товары, категории, недавние, клавиши ↑↓ и Enter, исправление английской раскладки — Фасеты: категория, цена от–до, материал, «Новинки» и «Хиты», наличие — со счётчиками и чипами выбранного — Адрес страницы хранит товар, поиск, фильтры, сортировку и страницу — ссылкой можно поделиться — Избранное и «Вы недавно смотрели», подписка «Сообщить о поступлении» на распроданное Стек: React · TypeScript · Vite · Tailwind CSS Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/katalog-polka

Менеджер заполняет анкету сделки — покупатель, товары, скидка, НДС, — а коммерческое предложение, договор поставки и счёт собираются на листе A4 на глазах. На выходе — Word, PDF или JSON. Что умеет: — Анкета сделки с проверкой полей: ИНН по контрольной цифре, КПП, обязательные реквизиты — Три шаблона на одних данных: коммерческое предложение, договор поставки с приложением и счёт — Скидка, НДС 22%, 10%, 5% и 7% для УСН или без НДС — итоги и сумма прописью пересчитываются сразу — Предпросмотр листа A4 вживую, как документ будет выглядеть на печати Стек: React · TypeScript · React Hook Form · zod · docx · Vite Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/generator-kp

Менеджер собирает заказ на все окна квартиры: тип, размер, створки на схеме, профиль, стеклопакет и цвет. Правила производства проверяются сразу, скидки и рассрочка считаются сами, КП с номером уходит в PDF. Что умеет: — Несколько позиций в заказе: одно-, двух-, трёхстворчатые окна и балконный блок, количество и копии — Схема окна в размерах и цвете профиля: открывание меняется кликом по створке — Правила производства: широкая открывающаяся створка блокирует КП, ламинация поднимает профиль, сетка — только на открывающейся створке — Наборы «Эконом», «Оптимум», «Тёплый» и ориентир по теплу и тишине Стек: React · TypeScript · Vite · Tailwind CSS Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/konfigurator-ceny

Размеры комнат превращаются в площади пола, стен и потолка, а те — в работы по этапам. Работа и материалы отдельно, срок по выработке бригады, график оплаты и версии сметы для торга с клиентом. Что умеет: — Помещения по длине, ширине и высоте: площади пола, стен без проёмов, потолка и плинтуса — Новостройка или вторичка: демонтаж и надбавка за старый фонд — Работы по этапам: демонтаж, черновые, отделка, чистовая — с объёмом и ценой за единицу — Работа и материалы отдельно, класс материалов, скидка только на работу, резерв на непредвиденное Стек: React · TypeScript · Vite · Tailwind CSS Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/smeta-remonta

Пять программ банков на одном экране: какие подходят клиенту и почему остальные нет. Льготная ставка от застройщика, дифференцированный платёж, досрочное погашение, нагрузка на доход и налоговый вычет. Что умеет: — Каталог программ: ставка, льготный период застройщика, минимальный взнос, лимит, тип жилья и условия заёмщика — Сравнение программ с причинами отказа и отметками «ниже платёж» и «меньше переплата» — Аннуитетные и дифференцированные платежи, пересчёт при смене ставки — График по годам с диаграммой, раскрытие по месяцам, выгрузка в Excel и печать Стек: React · TypeScript · Vite · Tailwind CSS Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/ipotechnyj-kalkulyator

Консультант для любого сайта, который ставится одной строкой: отвечает по базе знаний со ссылкой на источник, собирает заявку и зовёт оператора. Написан на чистом JavaScript без фреймворков — весь виджет 21 КБ в gzip. Что умеет: — Одна строка <script> на любом сайте: цвет, заголовок, приветствие, позиция и тема — в атрибутах — Веб-компонент в Shadow DOM: стили сайта не ломают виджет, а виджет — сайт — Ответы по базе знаний со ссылкой на раздел-источник, быстрые вопросы кнопками — На «не знаю» — заявка с проверкой телефона и передача разговора оператору Стек: JavaScript без фреймворков · Web Components · Shadow DOM · BM25 · JSDoc · Vite Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/vidzhet-konsultanta

Квиз вместо длинной формы: шесть вопросов с ветвлением, в конце — расчёт по прайсу. Менеджер получает заявку с оценкой «горячая / тёплая / холодная» и источником рекламы, а вкладка «Аналитика» показывает, на каком шаге уходят люди. Что умеет: — Ветвление: у новой кофейни, работающей и офиса — свои вопросы — Прогресс, кнопка «Назад» и автосохранение: человек ушёл и вернулся — квиз продолжится с того же шага — Проверка имени и телефона, согласие на обработку персональных данных — Расчёт по прайсу: сколько кофе нужно в месяц, какие сорта и оборудование, скидка за объём Стек: JavaScript без фреймворков · Web Components · Shadow DOM · <dialog> · localStorage · JSDoc · Vite Это демо я разработал для своего портфолио на antongoncharov.ru — его можно попробовать вживую: https://antongoncharov.ru/demo/kviz-zayavka