Портфолио и кейсы фрилансеров по vibe coding и разработке с ИИ

Сайт с каталогом и бот-магазин для бренда одежды CAVOK. Проект представляет товары бренда в веб-каталоге и в Telegram. Решение Разработал сайт с каталогом и Telegram-бот-магазин CAVOK. Мой вклад: разработка сайта и бота-магазина в рамках инженерного бюро P03. Примеры реализации: https://cavokstore.ru https://t.me/CAVOKStore_bot Результат Созданы сайт с каталогом CAVOK и бот-магазин в Telegram. Ссылки на оба канала доступны в примерах реализации.

CRM и автоматизация бизнес-процессов поставщика китайских автомобилей. Система связывает китайских продавцов, менеджеров и покупателей: от загрузки предложений до обработки запросов на подбор автомобиля. Решение Разработал и развиваю CRM со следующими возможностями: • загрузка карточек автомобилей от китайских продавцов; • ручная и ИИ-обработка карточек; • представление предложений покупателям; • передача заявок на подбор от покупателей через менеджеров продавцам. Бизнес-процессы описаны на BPMN. Ролевой доступ реализован на Casbin по модели RBAC. Мой вклад: архитектура и разработка системы, автоматизация процессов и дальнейшее развитие. Результат CRM находится в эксплуатации и развивается. Реализована работа с карточками автомобилей и маршрут заявок между покупателями, менеджерами и продавцами.

Задача: Создать мини-гайд для потенциальных клиентов тренера. Документ должен познакомить с форматом тренировки, снять тревогу перед первым занятием и помочь записаться — без давления и обещаний быстрого результата. Решение: • Структура на 8 экранов. Текст разбит на короткие блоки, удобные для чтения с телефона. Один экран — одна мысль: знакомство с тренером, описание аудитории, формат занятия, роль тренера, ожидания после тренировки, информация про абонемент и переход к записи. • Вёрстка в стиле проекта. Спокойная стилистика, крупные заголовки, понятная иерархия, достаточно воздуха. Спортивные иллюстрации поддерживают тему, но не уводят в агрессивный фитнес-стиль. • Сохранение утверждённого текста. Формулировки и смысловые акценты заказчика не менялись: обращение на «вы», отсутствие давления, акцент на системности тренировок. • Точки контакта. Добавлены фотография тренера, QR-код для связи в MAX, ссылка на запись и призыв выбрать ближайший вторник или четверг. Результат: Готовый PDF-гайд, который тренер отправляет потенциальным клиентам. Документ знакомит с форматом «Скульптор тела», объясняет структуру тренировки и даёт понятный переход к действию — написать или записаться. Инструменты: Вёрстка PDF, работа с текстом, структура лендинга, дизайн для мобильных устройств.

Задача: Организовать прозрачный учёт трудозатрат сотрудников: фиксация начала и конца работы, перерывов и времени по конкретным задачам. Руководителю нужна сводка по всем сотрудникам с автоматическим расчётом суммы к оплате и выгрузкой отчётов. Решение: • Таймер и ручной ввод. Сотрудник запускает таймер одной кнопкой или вносит данные вручную. Интерфейс адаптирован под мобильные устройства, работает в один клик. Поддерживается учёт смен, переходящих через полночь. • Расчёт на сервере. Длительность считается по формуле (конец − начало) − перерывы − паузы. Клиент не может подменить результат — все вычисления выполняются на бэкенде. • Панель руководителя. Таблица всех записей с фильтрами по датам, сотрудникам и проектам. Автоматический расчёт суммы к оплате (длительность × ставка). Экспорт CSV, который корректно открывается в Excel с русской локалью. • Безопасность данных. Пароли в bcrypt, защита от XSS и SQL-инъекций, изоляция данных по ролям. Сотрудники не удаляются физически (только деактивируются), чтобы сохранить историю записей. Результат: Руководитель получает точные данные о трудозатратах и автоматический расчёт выплат. Сотрудники фиксируют время без сложных форм и таблиц. Инструменты: Python, Flask, SQLite, bcrypt, HTML5/CSS3/JavaScript (vanilla).

Задача: Предположим, менеджерам по продажам стройматериалов нужно было быстро посчитать стоимость заказа с учётом доставки. Ручной расчёт занимал много времени и давал ошибки: требовалось учитывать объём, вместимость самосвалов, число рейсов и, самое главное, расстояние. Решение: • Загрузка прайса. Парсинг Excel-файла или автоматическая загрузка актуального прайса по ссылке с Яндекс Диска. Программа сама находит шапку, тарифы и адреса складов. • Точный расчёт. Учитывает объём, вместимость машин, количество рейсов, минимальные объёмы, самовывоз и пороги бесплатной доставки. • Геокодирование и маршруты. Интеграция с Яндекс Картами для расчёта расстояния по дорогам. Если API расчёта маршрута недоступен, считает по прямой с поправочным коэффициентом и предупреждает об этом. • Генерация документов. Формирует заказ-наряд в формате Word с таблицами и итогами. Файл создаётся напрямую через XML, без сторонних библиотек. • Локальная работа. Интерфейс открывается в отдельном окне браузера. Все данные хранятся на компьютере менеджера, ничего не уходит в интернет. Результат: Менеджер оформляет заказ за один проход. Расчёты выполняются автоматически, что убирает ошибки при подсчёте рейсов и стоимости. Клиент получает готовый документ в нужном формате. Инструменты: Python, HTML/CSS/JavaScript, Яндекс Карты API, PyInstaller, генерация DOCX (OOXML).

Задача: Смоделированному Автосервису нужна была система учёта ремонтов: от записи клиента до выдачи автомобиля. Главная проблема — ручное отслеживание статусов, из-за чего терялись заказы и срывались сроки. Требовалось простое решение, работающее без сложной инфраструктуры. Решение: • Канбан-доска. 9 этапов ремонта с поддержкой drag-and-drop для мыши и тач-скринов. Реализована система блокеров: карточку нельзя перевести в «Готово», пока не выполнены обязательные пункты чек-листа и не заполнены данные (VIN, ответственный). • Двухканальные уведомления. Оповещения внутри приложения и через Telegram. Клиентский бот сообщает о статусе заказа и согласовании работ, а внутренняя матрица прав направляет алерты о просрочках конкретным сотрудникам. • Управление и безопасность. История визитов по VIN, автоматический тайм-трекинг, 5 ролей с гранулярными правами. Добавлены автобэкапы базы данных, журнал аудита и защита от базовых уязвимостей (CSRF, IDOR). • Лёгкая архитектура. Фронтенд на чистом JavaScript (SPA без сборки) и бэкенд на Flask + SQLite. Интерфейс загружается мгновенно, деплой сводится к простому копированию папки. Результат: Персонал видит фактическую загрузку в реальном времени, клиенты получают прозрачные уведомления без звонков менеджеру. Руководство получило инструмент для полного аудита процессов без закупки дорогого железа и облачных лицензий. Инструменты: Python, Flask, SQLite, Vanilla JavaScript (SPA), Playwright, Telegram Bot API.

Задача: Создать одностраничный сайт для записи на фитнес тренировки. Основная цель — упростить запись для клиентов и автоматизировать сбор заявок, чтобы тренер не тратил время на ручную обработку сообщений в мессенджерах. Решение: • Адаптивная вёрстка. Сайт корректно отображается на мобильных и десктопах (зум на мобильных отключён для удобства). Использованы шрифты Unbounded и Manrope, спокойная цветовая гамма. • Автоматизация записи. Реализована модальная форма с выбором даты и времени. Заявки автоматически уходят в Google Sheets и дублируются в Telegram тренера через Google Apps Script. • Оптимизация скорости. Все изображения конвертированы в формат WebP, настроена ленивая загрузка (lazy loading) для блоков ниже первого экрана. Сайт собран на чистом HTML, CSS и JavaScript без тяжёлых фреймворков. • Аналитика. Подключена Яндекс.Метрика: настроены вебвизор, карта кликов и отслеживание целей для контроля конверсии. Результат: Сайт стабильно работает и быстро загружается на всех устройствах. Тренер получает структурированные заявки в реальном времени, что полностью исключает ручной перенос данных из переписок и потерю клиентов. Инструменты: HTML, CSS, JavaScript, Google Apps Script, Яндекс.Метрика.

Задача: Организаторам смоделированного фестиваля требовалось принимать заявки от четырёх категорий участников (музыканты, художники, волонтёры, фудкорт) и отвечать на частые вопросы. Ручной сбор данных в мессенджерах приводил к дублям, потере контактов и высокой нагрузке на кураторов из-за однотипных вопросов. Решение: • Анкетирование и валидация. Разработал многошаговую анкету с ветвлением по категориям. Настроил защиту от дублей: одна заявка с одного аккаунта. • AI-ассистент для поддержки. Интегрировал LLM для ответов на вопросы в свободной форме. Бот понимает естественный язык, исправляет опечатки и отсекает бессмысленный ввод без лишней нагрузки на API. • Синхронизация с базой данных. Заявки автоматически нумеруются и выгружаются в Google Sheets (можно подключить любую CRM) с разбивкой по категориям. SQLite используется как локальный бэкап. • Управление статусами. Куратор меняет статус заявки прямо в таблице или командой в чате — бот автоматически уведомляет участника об изменении. • Эскалация на человека. Если вопрос выходит за рамки базы знаний, бот передаёт диалог организатору. Ответ куратора возвращается участнику в тот же чат. Результат: Чат-бот закрыл задачи по первичной обработке заявок и консультациям. Организаторы получают структурированную базу данных в таблице и тратят время только на принятие решений. Время ответа участнику сократилось с часов до нескольких секунд. Инструменты: Python, AI (LLM / Proxy API), Google Sheets API, SQLite, API VK.

У каждого поставщика свой прайс — Excel, CSV, страница сайта, свои названия колонок. Программа сама находит артикул, название, цену и наличие и сводит всё в одну таблицу; где колонки названы необычно, помогает нейросеть. Стек: Python, openpyxl, BeautifulSoup, нейросеть для разбора колонок.

Система сама собирает заявки из лент и телеграм-чатов, нейросеть оценивает каждую по заданным правилам и готовит черновик ответа, лучшие приходят уведомлением в Telegram. Панель показывает воронку и источники. Стек: Python, SQLite, Telegram-бот, панель на Next.js.