Мои проекты

Проекты, где решал конкретные технические задачи: сложные интерфейсы, ускорение сборки, автоматизация процессов.

Web-платформы

Миграция и разработка Frontend-платформы

Спроектировал и реализовал миграцию интерфейса корпоративного портала с PHP-плагинов на Next.js без остановки работы. Старый портал выключен, от него остался только API.

Next.jsApp RouterTypeScriptTanstack QueryTailwind CSSFeature-Sliced Design (FSD)TurboPack

Ключевые решения & Результаты:

  • — Спроектировал поэтапную миграцию с PHP на Next.js через редиректы Nginx и BFF-прокси: обе системы работали параллельно.
  • — Внедрил архитектуру Feature-Sliced Design (FSD) и CLI-скрипты для быстрой генерации слайсов.
  • — Виртуализировал тяжёлые списки (доска «Сегодня», табель) через TanStack Virtual и собрал проект на Turbopack.
  • — Организовал слой данных на TanStack Query и NextAuth: токен хранится в сессии и подставляется серверными прокси.
  • — Создал единый API-клиент и перевёл тесты с Jest на Vitest (42 тестовых файла).
Читать подробный кейс
Web-платформы

Разработка продуктовых модулей платформы

Разработал сложные интерактивные модули веб-платформы: динамические графы с авторасчетом связей, нагруженные Kanban-доски и виртуализированные таблицы в реальном времени.

React FlowELK.jsQuill EditorWebSocketsTanStack VirtualYandex.Metrika

Ключевые решения & Результаты:

  • — Разработал оргструктуру на React Flow с движком ELK.js для автоматической раскладки связей.
  • — Интегрировал Quill Editor для регламентов с версионированием документов и процессом согласования.
  • — Создал табель рабочего времени с виртуализацией: в DOM только видимые строки, данные подгружаются порциями.
  • — Реализовал Kanban-доску с WebSocket-чатом, системными уведомлениями и вставкой файлов из буфера.
  • — Настроил светлую/темную тему и интеграцию с Яндекс.Метрикой для продуктовой аналитики.
Читать подробный кейс
Мобильная разработка

Рефакторинг и переход на Expo (React Native)

Модернизировал мобильное приложение, переведя его на Expo. Автоматизировал генерацию нативного кода и релизы в сторы, заменил Redux на Zustand + React Query.

React NativeExpo PrebuildExpo RouterTypeScriptReact Native Reanimatedexpo-notificationsAppMetrica

Ключевые решения & Результаты:

  • — Внедрил Expo Prebuild для декларативного управления нативной конфигурацией iOS/Android.
  • — Перевел проект на файловый роутинг Expo Router, сблизив архитектуру веба и mobile.
  • — Настроил автоматические релизы в TestFlight и Google Play через Fastlane и Semantic Release.
  • — Упростил онбординг: не нужны ручной pod install и настройка Gradle, нативные папки генерирует Expo Prebuild.
  • — Сократил кодовую базу на 16 810 строк (аудит Knip), UI-кит ужат с 64 до 22 компонентов.
  • — Развил ядро приложения: чат задач на WebSockets, push-уведомления, AppMetrica и обработка deep links.
Читать подробный кейс
Web-платформы

Разработка веб-приложения облачного сервиса

Разработал клиент-серверное веб-приложение безлимитного облачного хранилища. Интегрировал вход через VK ID, интерактивную файловую систему и менеджер загрузок.

Node.jsExpressVK APIVK ID LoginREST APIMySQLVanilla CSS

Ключевые решения & Результаты:

  • — Разработал схему реляционной базы данных и архитектуру хранения структуры файлов.
  • — Реализовал авторизацию и регистрацию пользователей через VK ID с помощью официального VK API.
  • — Создал файловый менеджер (/root) для загрузки, скачивания, создания папок и удаления файлов.
  • — Обеспечил многопользовательский конкурентный доступ к данным с клиент-серверной архитектурой.
  • — Создал адаптивный интерфейс личного кабинета с боковым меню и поддержкой тем оформления.
Читать подробный кейс
Мобильная разработка

Мобильное приложение e-commerce (iOS/Android)

Разработал с нуля и выпустил e-commerce приложение на React Native, интегрированное с WooCommerce API. Оптимизировал скорость загрузки списков товаров и рендеринг медиа.

TypeScriptReact NativeRedux ToolkitWooCommerce APIAxiosReact Native Reanimated

Ключевые решения & Результаты:

  • — Создал нормализованный стейт на Redux Toolkit, вынеся логику корзины и каталога в слайсы.
  • — Оптимизировал списки FlatList/SectionList (React.memo, useCallback), добившись 60 FPS.
  • — Реализовал жесты (swipe-to-delete, pull-to-refresh) и кастомные переходы на Reanimated.
  • — Спроектировал сетевой слой на Axios с перехватчиками запросов и обработкой ошибок сети.
  • — Интегрировал прогрессивную загрузку и локальное кэширование изображений товаров.