Примеры работ и кейсы по направлению «Разработка сайтов»

Задача: автоматизировать отклики на вакансии и генерацию сопроводительных писем. Что сделал: · собрал расширение с нуля: content script, service worker, popup на React · подключил LLM через OpenRouter: письма под резюме и вакансию, анализ и оптимизация резюме · сделал режим автооткликов: расширение само обходит поиск hh.ru и шлёт письма в фоне · построил бэкенд на Supabase: авторизация, лимиты, дневной бюджет, fallback между моделями · подключил биллинг через Точка Банк: пакеты и подписка, обработка webhook Стек: React, TypeScript, Vite, Supabase Edge Functions, Deno, OpenRouter API, Chrome MV3 Результат: продукт монетизирован, в проде, версия 0.4.9

Автоматизированная онлайн-платформа для проведения конкурсов кинематографистов. Личный кабинет с регистрацией и входом по email и через Facebook. Роли пользователей: - участники - добавляют и публикуют свои проекты через специальные формы; - эксперты - оценивают присланные на конкурс проекты; - организаторы - создают конкурсы, видят все проекты и оценки, переводят проекты из тура в тур и выбирают фаворитов. По завершении конкурса для каждого проекта формируется отчёт в PDF, всё выгружается в облако на Яндекс.Диск. Самым сложным было спроектировать структуру базы для форм проектов - в них больше 150 полей (MySQL не давала создать таблицу с таким количеством полей). Логика оценивания и перевода проектов из тура в тур потребовала большого Vue.js-приложения. Стек: Symfony, PHP, Vue.js, MySQL, Facebook OAuth, Яндекс.Диск API, генерация PDF.

Telegram-бот для автоматической озвучки текстов на нескольких языках. Помогает быстро делать аудио из многоязычного контента. Пользователь загружает MD-файл с заголовками вида # UA0, # ES1 (первые буквы - язык, цифра - номер фрагмента). Бот разбирает файл, определяет языки и куски текста, затем озвучивает через выбранный сервис и присылает ZIP-архив с файлами, разложенными по языкам. Что умеет: - разбор MD-файлов с многоязычным контентом; - автоопределение языков и фрагментов; - озвучка через ElevenLabs (английский, немецкий, французский); - озвучка через Google AI Studio (Gemini TTS): 11 голосов и настройка стиля для любых языков; - сборка ZIP-архива со структурой по языкам; - обработка ограничений API с повторными попытками (exponential backoff); - конвертация аудио из PCM в WAV для Google AI. Стек: Python, FastAPI, Telegram Bot API, ElevenLabs, Google AI Studio (Gemini TTS), Asyncio.

Продающий лендинг на WordPress для CRM-системы «Медпред» - для управления медицинским и фармацевтическим бизнесом. Сайт презентует возможности платформы фармкомпаниям и медицинским представителям. Что на странице: - интерактивный квиз из 6 шагов для оценки потребностей клиента и сбора заявок; - горизонтальная прокрутка модулей продукта; - мобильный FAQ в виде аккордеона; - бегущая строка с логотипами партнёров; - блок с описанием функций системы; - форма консультации для заявок; - адаптация под все устройства и оптимизированные версии изображений. Сделано на WordPress с кастомной темой, вёрстка mobile-first, чистый JavaScript без фреймворков. Стек: WordPress, PHP, JavaScript, CSS3.

Аналитическая платформа для инвесторов фондового рынка Казахстана (KASE). Сервис собирает финансовую отчётность публичных компаний, данные о торгах и дивидендах и даёт инвестору удобный инструмент для анализа. Данные с биржи KASE собираются автоматически через Python-парсеры: квартальная и годовая отчётность компаний, результаты торгов, дивидендные выплаты. Что сделано: - бэкенд на Symfony 7 с API Platform (REST API); - фронтенд на Vue.js 3 с Ant Design Vue и графиками на Chart.js; - Python-парсеры для сбора данных с KASE (Playwright, BeautifulSoup); - страницы компаний с финансовыми показателями и мультипликаторами; - календарь дивидендов с расчётом доходности; - таблица результатов торгов с фильтрами по периодам; - блог с исследованиями по компаниям и гайды для инвесторов; - раздел открытых данных со скачиванием в CSV и Excel; - админ-панель для управления компаниями, статьями и пользователями; - вход и подписки с контролем доступа. Стек: Symfony 7, Vue.js 3, API Platform, Ant Design Vue, Chart.js, Python, Playwright, MySQL, Vite.

Онлайн-сервис, в котором собраны частые операции с картинками: удалить фон, обрезать пустые края, поменять размер, уменьшить вес файла, перевести в другой формат, сделать favicon для сайта. Идея простая: загружаешь картинку один раз и переключаешься между инструментами прямо в браузере, не выгружая и не загружая её заново на каждом шаге. Что умеет: - удаление фона: оставляет только нужный объект, фон делается прозрачным; - обрезка прозрачных полей по краям, автоматически или вручную рамкой; - изменение размера под нужные ширину и высоту; - сжатие: уменьшает вес файла без заметной потери качества; - конвертация между форматами PNG, JPG, WEBP и другими; - favicon: превращает обычную картинку в готовую иконку для сайта. Все инструменты под одной панелью: сделал что-то в одном, перешёл в другой - продолжаешь с тем же результатом. Есть аккаунт с историей операций и встроенная поддержка обращений. Интерфейс адаптивный, работает с любого устройства. Стек: Python, FastAPI, JavaScript, Pillow, rembg, MySQL.

Десктопный редактор Markdown для Windows со встроенным прямо в окно терминалом. Текст набирается аккуратными блоками, а рядом, в том же окне, работает ИИ-агент. Можно редактировать документ и сразу давать команды по нему, не прыгая между вкладкой чата и файлами. Выделяешь строку, нажимаешь "To Claude" - и агент в терминале снизу уже знает, какой кусок ты выбрал и в каком файле он лежит. Никакого копирования туда-обратно. Что умеет: - блочный редактор Markdown: заголовки, списки, чек-листы, цитаты, выноски, сворачиваемые блоки, таблицы, код. Всё сохраняется обычными .md файлами; - терминал прямо в приложении: PowerShell или cmd плюс Claude Code в той же папке, что и документ; - ИИ видит выделение: команды "перефразируй", "объясни", "сделай таблицу" работают с выбранным куском; - меню над выделением с кнопками To Claude, Explain, Rephrase; - работает локально и офлайн, файлы лежат в обычной папке на диске; - автопроверка обновлений, распространяется как установщик .exe под Windows 10/11. Стек: Tauri, Rust, TypeScript, JavaScript.

Система учёта для транспортной компании, которая возит грузы. В одном окне у диспетчера собрана вся работа: заявки на перевозку, заказчики и перевозчики, маршрутные листы, документы и справочники. По каждой заявке сразу видно деньги: сумму с заказчика, себестоимость по перевозчику, маржу в рублях и процентах, статусы оплаты с обеих сторон. Понятно, сколько компания зарабатывает на каждом рейсе. Что внутри: - карточка рейса с адресами подачи и разгрузки, типом кузова, тоннажем, водителем и машиной; - база заказчиков и перевозчиков с реквизитами и транспортом; - финансы по каждому рейсу с отдельными статусами оплаты; - гибкие фильтры по датам, участникам, адресам, типу кузова и статусам; - маршрутные листы по заявкам; - автоматическая генерация договоров и заявок в PDF и Word по шаблонам; - выгрузка и загрузка заявок через Excel; - подсказки адресов при заполнении через DaData. Стек: Laravel 10, PHP 8, Vue.js 3, Ant Design Vue, Pinia, MySQL.

Для кого: Для радиостанции «Европа Плюс» — требовалось обеспечить развитие цифровой платформы, стабильную работу сервисов и реализацию специальных проектов для крупных федеральных рекламных кампаний и мероприятий. Особое внимание — отказоустойчивости и стабильности при пиковых нагрузках. Особенности: - Работа с высоконагруженной медиаплатформой и прямыми онлайн-трансляциями. - Реализация интерактивных промо-механик для слушателей. - Разработка страниц специальных проектов под федеральные кампании. - Поддержка мобильных приложений медиахолдинга. - Все решения внедрялись без остановки основных сервисов с учетом высокой доступности. Результаты: - Успешный запуск специальных проектов федерального масштаба. - Обеспечена стабильная работа цифровой платформы. - Поддержка прямых трансляций и интерактивных сервисов. - Развиты пользовательские сценарии для слушателей. - Сокращено время запуска новых маркетинговых активностей. - Долгосрочная техническая поддержка digital-направления. Выполненные работы: разработка и запуск спецпроектов для рекламных кампаний, создание интерактивных промо-механик, развитие функциональности сайта, поддержка онлайн-трансляций, техподдержка сервисов, участие в развитии мобильных приложений, сопровождение маркетинговых активностей.

Выполнен на Next.js