Проекты39

Задача

Закупка проходит через несколько ролей и этапов. Интерфейс сохраняет черновики, показывает доступные действия и ведёт пользователя по длинной форме.

Что я сделал

Как один из двух frontend-разработчиков делал формы, ролевые доступы, переходы между этапами и историю изменений. Целиком перевёл сборку модуля на Vite; подключил Orval по OpenAPI и Keycloak SSO.

Результат

• Модуль закрывает полный цикл согласования закупок в одном интерфейсе
• Сборка модуля переведена на Vite, длинные сценарии разделены через code splitting
• Orval убрал ручную синхронизацию типов при смене OpenAPI

Задача

Билетному сервису нужен свой seats.io-like редактор схем залов и виджет выбора мест, который можно встроить в сайт мероприятий без внешнего SaaS.

Что я сделал

Редактор схем залов на Canvas, встраиваемый виджет выбора мест, события и бронирования. Витрина, checkout и Mini App на тех же API.

Результат

• Организаторы заводят схемы залов и подключают выбор мест без отдельной разработки под каждую площадку
• Встраиваемый виджет выбора мест работает на витрине и в Telegram Mini App
• Данные о залах, местах и покупках остаются в инфраструктуре продукта

Задача

Стример принимает донат в Telegram, настраивает алерты в кабинете и показывает их в OBS — три клиента, один backend sendonate.

Что я сделал

Собрал кабинет стримера, Telegram Mini App и OBS-оверлей на React/Vite. Дорабатывал Python/Django REST API кабинета: сборы и история сбросов, валюты, обработка и модерация донатов. Добавил очередь алертов и переподключение WebSocket.

Результат

• Оплата в Mini App, настройка в кабинете и показ алерта в OBS работают через один API
• Доработал Python/Django REST API кабинета стримера и покрыл тестами изменения валют, сборов и обработки донатов
• OBS-оверлей держит очередь алертов, если донаты идут пачкой

Задача

Пользователю нужно выбрать специалиста, оформить заказ, перейти в чат и провести аудио- или видеоконсультацию в одном сервисе.

Что я сделал

Разработал каталог, личный кабинет и чаты на Next.js. Для звонков реализовал WebRTC-сигналинг через Socket.io и очередь ICE-кандидатов. Дорабатывал NestJS API, генерировал клиент через Orval и покрыл основные сценарии Playwright-тестами.

Результат

• Пользователь проходит путь от каталога до оплаченной консультации в одном продукте
• Видеозвонки работают через WebRTC с очередью ICE-кандидатов до установки соединения
• Orval генерирует TypeScript-клиент из OpenAPI-контракта

Задача

Соискателям и фаундерам нужны разные сценарии регистрации, заполнения профиля и работы с вакансиями — в едином адаптивном интерфейсе.

Что я сделал

Развиваю frontend на Vue 3 и Nuxt 4: адаптивная вёрстка по Figma, онбординг соискателя и тур по платформе, интерфейсы вакансий и профилей. Подключаю UI к существующим API, учитываю роль и статус пользователя, проверяю сценарии на мобильных и широких экранах.

Результат

• Реализован welcome-экран и тур соискателя с адаптивной вёрсткой для мобильных и широких экранов
• Интерфейсы вакансий и профилей учитывают разные роли и этапы онбординга
• Пользовательские сценарии проверяются автоматическими тестами и Playwright

Задача

Клиентам и специалистам нужны быстрые действия и напоминания в Telegram рядом с веб-кабинетом.

Что я сделал

Собрал NestJS-бота: привязка Telegram к аккаунту, меню для клиента и специалиста, уведомления о консультациях, отзывах, заработке и просмотрах профиля. Кнопки открывают нужный раздел сайта.

Результат

• Клиент и специалист получают напоминание за час до консультации
• Специалист видит дайджесты: отзывы, заработок за неделю, просмотры профиля
• Повторные уведомления блокируются через записи дедупликации в PostgreSQL

Задача

Админам и модераторам нужно быстро реагировать на заявки специалистов, тикеты поддержки и отзывы прямо из Telegram.

Что я сделал

Собрал отдельного NestJS-бота для администраторов и модераторов: уведомления по роли, одобрение и отклонение заявок, работа с тикетами и отзывами, журнал действий.

Результат

• Администраторы и модераторы получают уведомления по своим ролям и правам
• Заявки, тикеты и модерацию отзывов можно закрыть прямо из Telegram
• Каждое действие пишется в журнал для аудита

Задача

Команде продаж нужна лёгкая CRM по специалистам: контакты, этапы воронки, задачи и статистика — без тяжёлой внешней системы.

Что я сделал

Собрал self-hosted CRM на Express, Grammy и PostgreSQL: роли admin/manager/viewer, импорт базы специалистов, Telegram-бот, Mini App с задачами и статистикой, напоминания по расписанию.

Результат

• База специалистов и воронка доступны из бота и Mini App
• Задачи с напоминаниями утром по расписанию (MSK)
• Деплой через Docker / Coolify на своей инфраструктуре

Задача

Операторы доменного производства вели учёт выпусков чугуна в Excel. Нужно было перенести таблицы, фильтры по сменам и цехам в веб-приложение.

Что я сделал

Собрал SPA на React с TanStack Table для больших объёмов данных, кэшированием через React Query и мониторингом через Sentry. Настроил вход через Keycloak.

Результат

• Ключевые операции цеха переведены в единый веб-интерфейс
• Таблицы с фильтрами и виртуализацией — большие объёмы данных без просадки UX
• Ошибки в production собираются в Sentry

Задача

Операторы работают с участками, бассейнами, складами и сотрудниками. Доступные экраны и действия зависят от роли пользователя.

Что я сделал

Развиваю React-приложение: экраны участков, бассейнов, складов, цехов и сотрудников; RBAC, Yandex Maps и графики. API-клиент и TypeScript-типы генерируются из OpenAPI через Orval.

Результат

• Формы и списки разделены по производственным модулям в FSD-структуре
• RBAC ограничивает экраны и действия для разных ролей
• Effect-TS типизирует ошибки и асинхронные операции в API-сценариях
• Orval генерирует API-клиент и TypeScript-типы из OpenAPI

Задача

Операторам фермы нужен телефонный клиент к тому же API, что и веб-ERP: участки, склады, карта, продажи и права по ролям — плюс сборка под iOS.

Что я сделал

Развиваю приложение на React Native и Expo: авторизация к Django REST, RBAC, участки и карта (Yandex Maps), товары и продажи, голосовой ассистент по SSE. Настроил OpenAPI-codegen, EAS Build и сборку под iOS.

Результат

• Сотрудник заходит с iPhone и видит только свои участки и роли
• Карта и производственные объекты доступны с телефона, не только из веб-ERP
• Сборка iOS идёт через EAS, клиент API генерируется из OpenAPI

Задача

Крупный e-commerce переносил каталог и главную с легаси PHP/Symfony на Next.js, сохраняя фильтры, SSR и согласованность с микросервисами.

Что я сделал

Участвовал в миграции интернет-магазина: SSR на Next.js, фильтрация, сортировка, пагинация с состоянием в URL, REST API с backend-командами. Code review, Jest.

Результат

• Каталог интернет-магазина на Next.js с сохранением SEO
• Фильтры синхронизированы с URL для оптовых и розничных сценариев
• REST-контракты согласованы с backend и микросервисами

Задача

Аналитикам безопасности нужны графы сущностей, фильтры по большим наборам данных и настраиваемые дашборды в одном продукте.

Что я сделал

Разрабатывал категории угроз, детальную форму связей на GraphQL/Apollo, часть графа сущностей на D3.js и виртуализацию длинных списков.

Результат

• Аналитики строят цепочки связей между сущностями в одном экране
• Динамические отчёты подключены к той же GraphQL-модели, что и основные сценарии
• Виртуализация держит большие таблицы без просадки UX

Задача

Билетному сервису нужны одинаковые сценарии покупки в браузере и в Telegram, плюс аналитика для организаторов.

Что я сделал

Собрал витрину на Next.js: API-клиент через Orval, кэширование в TanStack Query, формы React Hook Form + Zod, локализация, Telegram Mini App и графики продаж.

Результат

• Покупка билета доступна и в вебе, и в Mini App с общей логикой
• Организаторы видят базовую аналитику по продажам
• Локализация покрывает ключевые пользовательские сценарии

Задача

Заказчику под NDA нужен полный пользовательский путь от каталога до заказа с локализацией и наблюдаемостью.

Что я сделал

Собрал приложение на Next.js 14: Orval, TailwindCSS, React Hook Form + Zod, next-intl, Storybook, e2e на Playwright, Sentry в production.

Результат

• Пользовательский флоу от каталога до checkout закрыт в одном приложении
• OpenAPI-клиент генерируется автоматически — меньше ошибок интеграции
• Playwright и Storybook страхуют регрессии UI

Задача

Стартапу нужен MVP: поиск респондентов, анкеты, роли, отчёты и маркетинговый сайт — с нуля до production.

Что я сделал

Разработал платформу на React + Redux Toolkit и REST API, маркетинг на Gatsby + Contentful, Firebase Auth с 2FA и PWA.

Результат

• MVP вышел в production с ролевой моделью и мэтчингом по анкетам
• PWA и 2FA закрыли базовые требования корпоративных клиентов
• Маркетинговый сайт и приложение развиваются параллельно

Задача

Корпоративной системе нужны настраиваемые шаблоны процессов без правок кода при каждом новом сценарии.

Что я сделал

Модуль шаблонов на React + Redux Toolkit, REST по OpenAPI. Декомпозиция задач, code review, мемоизация тяжёлых экранов.

Результат

• Шаблоны процессов настраиваются без участия разработчиков
• OpenAPI-контракт синхронизирован между frontend и backend
• Команда работала в Scrum с регулярным CR

Задача

Внутренней корпоративной базе знаний нужны независимые разделы, общий UI Kit и стабильные пользовательские сценарии для команд, которые ведут документацию и рабочие материалы.

Что я сделал

Разрабатывал новый функционал на React, дорабатывал компоненты UI Kit и интегрировал части приложения в микрофронтовую архитектуру через Module Federation. Писал автотесты для пользовательских сценариев, включая Playwright e2e-тесты.

Результат

• Новый функционал встраивался в общий Confluence-like продукт без отдельного приложения
• UI Kit помогал держать единый интерфейс между разделами корпоративной базы знаний
• Playwright-тесты покрывали ключевые пользовательские сценарии

Задача

OpenSearch Dashboards нужно безопасно подключить к Vault и обновлять TLS-сертификаты без ручных операций.

Что я сделал

Небольшие доработки вокруг интеграции Dashboards с Vault на Node.js, GitLab CI для ротации сертификатов и Jest-тестов на pipeline.

Результат

• Сертификаты обновляются через CI без ручных операций
• Jest покрывает критичные шаги интеграции
• Модуль визуализации подключён к корпоративному контуру

Задача

Рознице SmartFish нужна касса на планшете: открытие смены, корзина, нал и безнал, работа с POS-терминалом в магазине.

Что я сделал

Разрабатываю планшетную кассу на React Native и Expo: авторизация кассира, смены, каталог, корзина и оплата наличными, картой или QR. Добавил роли кассира и менеджера, маршрутизацию Expo Router, Zustand и EAS Build.

Результат

• Кассир ведёт смену и продажи с планшета в магазине
• Безнал уходит на POS-терминал по локальной сети с печатью чека
• Разные роли: продавец на смене, админ/менеджер в режиме просмотра без открытия смены

Задача

Бригадиры сдают Excel разных макетов. Нужно сопоставить кормление, падёж и зарыбление с операциями в базе, не переписывая отчёт руками.

Что я сделал

Собрал веб-сервис на Flask: загрузка Excel, разбор макета моделью Random Forest, детерминированная сверка с PostgreSQL по бассейну и дате, два отчёта на выходе. Упаковал в Docker Compose.

Результат

• Разные макеты Excel разбираются без ручного перекладывания колонок
• Сводка и баланс по бассейнам выгружаются отдельными файлами
• К базе сервис ходит read-only, сверка не меняет производственные данные

Задача

Публичная витрина, B2B-кабинет и Aquaprom сидят на одном API — нужны заказы, корзина, RBAC и платежи в одном backend.

Что я сделал

Дорабатываю NestJS API: заказы, корзина, оплата, промокоды, бонусы, админка и RBAC. Работаю с TypeORM, PostgreSQL, webhook-обработчиками и WebSocket.

Результат

• B2B-кабинет и розничная витрина используют общий NestJS API
• Админка закрывает каталог, пользователей, промокоды и бонусные сценарии
• OpenAPI-контракт используют розничная витрина и B2B-кабинет

Задача

Нужен маркетинговый сайт и интернет-магазин на одном домене (akvaprom.kg): каталог, checkout, профиль, бонусы и промокоды без смешения с ERP-клиентом.

Что я сделал

Витрина на Next.js: главная с каруселями и категориями, shop, checkout, профиль, бонусы, промокоды, Yandex Metrika, Framer Motion.

Результат

• Покупатель проходит путь от главной до checkout без перехода в ERP
• Бонусы и промокоды вынесены в пользовательские сценарии интернет-магазина
• Витрина akvaprom.kg вышла на первую страницу Яндекса по целевому направлению

Задача

На домене интернет-магазина не было своей почты: нужно было принимать и отправлять письма с рабочих ящиков, не раздувая слабый VPS тяжёлым mailcow.

Что я сделал

Спроектировал и поднял почту на том же VPS, что и сайт: Stalwart в Docker, DNS под mail.akvaprom.kg, SMTP/IMAP, лимиты памяти чтобы не душить витрину и API.

Результат

• Рабочие ящики живут на домене akvaprom.kg, а не на чужом хостинге
• Почтовый сервер уложен в Docker рядом с витриной, без mailcow
• DNS указывает на mail.akvaprom.kg на том же сервере, что и сайт

Задача

Менеджерам B2B нужны утренние/дневные сводки заказов в Telegram, а рознице — мгновенное сообщение о новом заказе.

Что я сделал

Разработал Telegram-автоматизацию на NestJS: плановые B2B-отчёты с XLSX-вложениями, напоминания, webhook-бот и уведомления о розничных заказах.

Результат

• Отчёт B2B уходит в чат по расписанию с XLSX-вложением
• Новый розничный заказ триггерит сообщение в Telegram
• Подписчики и команды бота хранятся в PostgreSQL

Задача

Трейдерам нужен веб-интерфейс для сборки стратегий и просмотра котировок в реальном времени.

Что я сделал

Реализовал экраны на React + Vite, интеграцию с Firebase, графики TradingView lightweight-charts и Recharts, REST через axios.

Результат

• Пользователь собирает и просматривает стратегии в одном интерфейсе
• Графики котировок синхронизированы с REST-данными
• Firebase закрывает auth и базовое хранение настроек

Задача

Бирже нужен быстрый торговый UI с потоком котировок и интеграцией кошельков Solana.

Что я сделал

Разрабатывал интерфейс на Lit, поток рынка через socket.io, web3.js и адаптеры кошельков, сборка esbuild.

Результат

• Ордера и стакан обновляются по WebSocket без перезагрузки страницы
• Кошелёк Solana подключён к сценариям торговли
• esbuild даёт быстрые итерации при разработке UI

Задача

Интернет-магазину косметики нужны адаптивный каталог, фильтры и корзина в рамках 1C-Bitrix и Symfony.

Что я сделал

Дорабатывал компоненты и шаблоны 1C-Bitrix: каталог, карточки товаров, фильтры, корзина. HTML5, CSS3/SCSS, jQuery, JavaScript, Webpack, Git. Интеграция с backend на PHP/Symfony.

Результат

• Адаптивный каталог и карточки на всех breakpoints
• Фильтры и корзина интегрированы с PHP/Symfony backend
• Коммерческая разработка в команде с Git и code review

Задача

E-commerce на Bitrix с большим каталогом: нужны стабильные фильтры и быстрая карточка товара.

Что я сделал

Доработка каталога, фильтров и карточек; оптимизация фронтенда под мобильный трафик.

Результат

• Каталог, фильтры и карточки товаров доработаны в 1C-Bitrix
• Карточки товаров адаптированы под mobile

Задача

Сервис учёта электроэнергии для энергосбытовых компаний работал на тяжёлых postback-формах; нужен отзывчивый UI для форм и отчётов.

Что я сделал

Перевёл формы и таблицы на AJAX, доработал UI на Symfony + Bitrix.

Результат

• Формы и отчёты работают без полной перезагрузки страницы
• Формы и отчёты обновляются через AJAX без полной перезагрузки страницы

Задача

Интернет-магазину строительных материалов нужны каталог и корзина на современном frontend-стеке.

Что я сделал

Разрабатывал интерфейсы каталога и корзины на Next.js, адаптивная вёрстка и интеграция с backend API.

Результат

• Каталог и корзина работают на mobile и desktop
• Каталог и корзина интегрированы с backend API

Задача

Корпоративному сайту нужна поддержка и развитие фронтенда в легаси Bitrix.

Что я сделал

Поддержка и развитие разделов сайта, вёрстка новых блоков на Bitrix + jQuery.

Результат

• Новые разделы выходили в срок в рамках CMS
• Единый SCSS-стек для всех страниц

Задача

Энергосбытовым компаниям нужен web-интерфейс для учёта электроэнергии: формы, таблицы и отчёты.

Что я сделал

Разрабатывал клиентскую часть сервиса: формы и таблицы на AJAX, интеграция с Symfony/Bitrix backend.

Результат

• Клиентский UI стабилен на production
• Формы синхронизированы с backend

Задача

Болельщику нужно выбрать место на интерактивной схеме стадиона и оформить билет.

Что я сделал

Отрисовка схемы стадиона на Canvas, интеграция с backend продажи билетов.

Результат

• Интерактивный выбор мест на схеме арены
• Схема синхронизирована с доступностью мест

Задача

Мобильному приложению нужен встроенный web-клиент с ограничениями WebView.

Что я сделал

Адаптировал React-интерфейс под WebView: viewport, навигация, bridge с native.

Результат

• UI работает в iOS и Android WebView
• Навигация согласована с native shell

Задача

Игре в Telegram нужны новый онбординг и механика атак без просадки производительности на слабых устройствах.

Что я сделал

Вынес игровую логику в Redux-Saga, оптимизировал Vite-сборку и конвертацию в WebP, покрыл ключевые сценарии Vitest.

Результат

• Новый онбординг и механика атак выпущены в Telegram Mini App
• WebP и chunking уменьшили вес ассетов для мобильных клиентов
• Vitest страхует релизы игровых сценариев

Задача

Игра должна работать в Telegram WebApp: сокеты, кошелёк TON, анимации и аналитика — в одном клиенте.

Что я сделал

Собрал UI на React + MobX, real-time через socket.io, TonConnect, Orval для REST, Framer Motion и Lottie для анимаций.

Результат

• Играбельный Mini App с оплатами через TON
• Real-time события Socket.io обрабатываются в отдельном слое состояния MobX
• Аналитика Telegram подключена для продуктовых решений

Задача

Нужен лёгкий игровой MVP внутри Telegram с сохранением прогресса между сессиями.

Что я сделал

Собрал игру на Next.js App Router, Zustand, Radix UI, Supabase SSR для профиля и прогресса, адаптация под WebApp viewport.

Результат

• Играбельный MVP внутри Telegram без отдельной установки
• Прогресс сохраняется в Supabase между заходами
• UI адаптирован под ограничения WebApp

Задача

Нужно было превратить браузерный прототип в управляемую мобильную игру с понятной архитектурой и базовыми игровыми механиками.

Что я сделал

Перевёл монолитный HTML-прототип на модульную архитектуру с TypeScript и Vite. Реализовал игровой цикл, псевдотрёхмерную перспективу дороги, управление жестами и клавиатурой, прыжки, коллизии, препятствия и собираемые объекты.

Результат

• Монолитный прототип превращён в поддерживаемую модульную структуру
• Игровые механики и collision/interaction logic работают на Canvas 2D
• Управление адаптировано под мобильные жесты и клавиатуру