Frontend

Проект - личный кабинет финтех-платформы для операций с цифровыми активами

Задачи:
- Реализовал ключевой дашборд счетов на React с балансами, быстрым переключением и контекстной историей операций на Effector — пользователи видят актуальные остатки без перезагрузок.
- Построил сценарии депозита и вывода на Effector Forms + Yup, обеспечив выбор сети, QR, копирование адресов и шаблоны операций, что снизило ошибки при вводе реквизитов и ускорило завершение операций.
- Настроил модуль обмена валют на React + Effector, внедрив смарт-выбор счетов, валидацию лимитов и пересчет комиссий, что повысило конверсию успешных сделок.
- Собрал кастомные типизированные таблицы депозитов, выводов, переводов и накоплений на React + Effector, добавив фильтры, пагинацию и ленивую подгрузку, что упростило финансовую аналитику клиентам и саппорту.
- Ввел поддержку саппорт-чатов на Centrifuge (WebSocket) и React Toastify, реализовав бесконечную ленту сообщений, медиавложения, read-статусы и автоматическую дозагрузку через IntersectionObserver, что ускорило закрытие тикетов.
- Создал админ панель на React с графиками и статистикой цифровых активов с гибкой фильтрацией на Effector — ускорил принятие управленческий решений.

Стэк: React 18, TypeScript, Effector, Farfetched, React Router 6, Vite, SCSS Modules, i18next, Centrifuge (WebSocket), Effector Forms, Yup, React Toastify, Husky, ESLint/Prettier, Git, Rest Api.

Проект — личный кабинет криптоплатформы (торговые операции, депозиты, выводы).

Задачи:
- Организовал запуск приложения через единый initializer, синхронизировав защищённый роутинг (React Router), запуск web socket (Centrifuge), i18n (i18next) и темизацию, что упростило подключение новых модулей.
- Настроил слой данных на Effector + Farfetched с автоматическим обновлением access-token через барьер авторизации и типизированными GraphQL-запросами.
- Реализовал страницу спотовой торговли (lightweight-charts) с живым свечным графиком, переключаемыми MA-индикаторами и адаптивным стаканом заявок, синхронизированными с фильтрами и сокетами.
- Интегрировал верификацию пользователей KYC через Sumsub WebSDK с ленивой выдачей токенов и учётом темы/локали приложения.
- Подключил realtime-уведомления через Centrifuge и React Toastify с toast-уведомлениями, а также развил UI-кит для единых паттернов работы с данными.

Стек: TypeScript, React 18/Next.js, React-Native, Vite, Effector, Farfetched, GraphQL, React Router, SCSS Modules, Sumsub WebSDK, Centrifuge, i18next, Moment, Decimal.js, GraphQL.

Проект — платформа онлайн‑психотерапии YouTalk

Задачи:
- Разработал анкету подбора психолога с сохранением прогресса в localStorage, валидацией шагов через React Hook Form и обогащёнными подсказками для пользователя, что повысило завершение воронки.
- Настроил каталог специалистов на Apollo GraphQL с расширенными фильтрами, синхронизацией параметров в URL и возобновлением состояния между сессиями, обеспечив быстрый поиск релевантных психологов.
- Собрал двухшаговую регистрацию с контекстным состоянием, хранением черновиков в sessionStorage и обработкой таймаутов SMS‑кодов, что сократило количество незавершённых заявок.
- Создал контентный портал: статические страницы, блог и подкасты, собираемые через Gatsby с SEO‑оптимизацией и структурированными данными, что увеличило количество лидов на 30%

Стэк: React 17, Gatsby 3, Apollo Client, Redux Toolkit, React Hook Form, Styled Components, React Query, dayjs.

Проект — образовательная платформа ISBA

Задачи:
- Разработал личный кабинет мастера и школы на React с аналитикой посещаемости на Chart.js, drag&drоpзагрузкой портфолио и массовым управлением фото — повысил вовлечённость пользователей в обновление профиля.
- Настроил единый обработчик форм (React Hook Form) с валидацией , уведомлениями и поддержкой произвольных эндпоинтов, что ускорило разработку новых страниц на 20%.
- Построил интерактивный календарь курсов (React-calendar) с перерасчётом сетки и позиций при ресайзе, сделав визуал расписания понятным на любых экранах.
- Сделал глобальный поиск с полноэкранной выдачей, блокировкой прокрутки и адаптивными витринами на Swiper, улучшив навигацию по контенту.
- Настраивал конфиг Webpack, упростив дальнейшую разработку и сократив время сборки проекта.

Стэк: TypeScript, Webpack 5, React, Redux, SCSS, Chart.js, Swiper, IMask, Yandex Maps API, Fetch API.