Frontend

Интернет-магазин косметики https://gkmaximum.ru/

Стек: Next.js (App Router), TypeScript, TanStack Query, Zustand, TailwindCSS, Radix UI, NestJS, Prisma ORM, PostgreSQL, JWT, Docker, Docker Compose, Nginx, PM2, GitHub Actions

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

Настроил production CI/CD на GitHub Actions с автоматическим деплоем на VPS через SSH после прохождения линтинга и проверки типов — исключил ручные деплои и связанные с ними ошибки

Поднял инфраструктуру в Docker Compose: PostgreSQL, MinIO (S3-совместимое хранилище), Nginx, PM2 — полное окружение разворачивается одной командой

Спроектировал схему базы данных на Prisma, выполнил миграции, использовал транзакции и queryRaw для оптимизации сложных выборок — время ответа API на тяжёлых запросах сократилось на 18%

Управлял клиентским состоянием через TanStack Query + Zustand — синхронизация кэша без избыточных запросов, повторные навигации по страницам выполняются мгновенно

Исправленные баги и оптимизации:

Устранил проблемы с гидратацией Next.js при использовании Radix UI — модальные окна и дропдауны корректно отображаются при Server-Side Rendering

Оптимизировал работу фильтров каталога через nuqs (состояние в URL): параметры сохраняются при шаринге ссылок и не теряются при навигации

HR SaaS платформа (распределенная система)

О проекте: B2B-платформа для управления бенефитами сотрудников. Состоит из двух подсистем: Employee Portal (личный кабинет) и HR Admin Panel (система управления льготами). Команда: 8+ специалистов (2 frontend, 2 backend, DevOps, дизайнер, продакт-менеджер). Методология: Scrum, задачи в Jira.

Employee Portal (личный кабинет сотрудника)
Стек: React, TypeScript, Vite, Zustand, Redux Toolkit, TanStack Query, PrimeReact, React Hook Form, Zod, WebSockets, JWT, Vitest

Разработал страницу списка бенефитов с многоуровневой фильтрацией и сортировкой — пользователь находит нужный бенефис быстрее на 20% за счёт комбинации фильтров и debounce-поиска

Создал таблицу с бесконечным скроллом, фильтрацией, сортировкой и виртуализацией — интерфейс стабильно работает с 10 000+ строк, потребление памяти снижено на 18%

Разработал страницу детализации бенефита с адаптивными изображениями под разные экраны (элемент <picture>) — обеспечил оптимальное качество и скорость загрузки на устройствах от 320px до 4K

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

Ускорил начальную загрузку портала на 18% за счёт внедрения lazy loading роутов и реорганизации бандла

Оптимизировал работу с формами, внедрив React Hook Form + Zod, что уменьшило количество багов, связанных с валидацией, на 15% и ускорило разработку новых форм в 1.5 раза

Дорабатывал кастомный UI kit компании: добавлял новые компоненты, фиксил баги в существующих, адаптировал под новые сценарии использования

Закрыл технический долг по типизации: исправил ошибки TypeScript в 100+ местах, доведя проект до 100% strict-типизации

Инициировал и внедрил модульное тестирование на Vitest, покрыв ключевую бизнес-логику — количество регрессионных багов после релизов сократилось на 15%

Настроил pre-commit хуки (Husky, ESLint, Prettier, Stylelint), что исключило попадание невалидного кода в репозиторий и сократило время code review

Проводил code review для других frontend-разработчиков, обеспечивая соблюдение стандартов кода

Исправленные баги (качество):

Исправил некорректное отображение состояний input-ов (фокус, ошибка, disabled)

Оптимизировал работу кастомного select: устранил лаги при быстром вводе и потерю фокуса

Исправил неправильную работу popup-окон: закрытие по клику вне области, z-index-конфликты, доступность кликабельных элементов

Устранил гонку состояний в кэше RTK Query при параллельных мутациях

HR Admin Panel (административная панель)
Стек: React, React Router, TanStack Query, PrimeReact, Zustand, React Hook Form, Zod, CSS Modules, Vitest, WebSockets, JWT

С нуля настроил окружение разработки: Vite, Husky, Prettier, Vitest, ESLint — время развёртывания проекта у новых разработчиков сократилось с 2 часов до 15 минут

Разработал архитектуру конфигурируемой таблицы на базе PrimeReact (колонки, экшены, фильтры, пагинация строятся из единого объекта конфигурации) — компонент переиспользуется на 5+ страницах админ-панели, ускорив разработку типовых CRUD-интерфейсов

Внедрил кэширование запросов через TanStack Query и оптимистичные обновления, что визуально ускорило работу таблиц на 20% и снизило нагрузку на сервер на 25%

Создал многоступенчатую форму создания бенефита с валидацией на каждом шаге, зависимыми и динамическими полями — сократил время заполнения пользователем на 20%

Разработал конфигурируемый компонент детализации сущности с динамическими полями и умной фильтрацией переходов статусов

Реализовал кастомный HTTP-клиент на нативном fetch с автоматическим обновлением JWT-токенов через Mutex, что предотвращает параллельные refresh-запросы и race condition при истечении access-токена

Сверстал и кастомизировал PrimeReact под дизайн-систему проекта: 5 страниц (таблицы, формы, детализация)