React Frontend developer

На данный момент middle react/next developer.

Мои компетенции и опыт

Webstorm Team 

Роль: Frontend-разработчик (участие в полном цикле)

Обязанности:

Полный цикл разработки проектов: от лендингов и интернет-магазинов до SaaS-платформ и внутренних систем.

Проектирование архитектуры клиентской части, выбор стека под задачи проекта.

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

Реализация анимаций (native, GSAP), DnD-компонентов, виртуализация больших списков.

Создание систем расширенного поиска/фильтрации (20+ полей) с синхронизацией через URL query parameters.

Интеграция с аппаратными возможностями: камера (getUserMedia), сканирование QR/штрихкодов.

Оптимизация производительности: code splitting, lazy loading, мемоизация.

Управление состоянием (Redux, Zustand) и кэшированием (TanStack Query), оптимистичные обновления.

Верстка адаптивных email-шаблонов, настройка Telegram-уведомлений.

Участие в разработке REST API на нужен доступ к резюме (NestJS/Express) под руководством senior-разработчиков.

Настройка Docker / Docker Compose для локальных сред, участие в CI/CD (GitLab CI/GitHub Actions).

Базовый опыт настройки Nginx и деплоя на production с PM2.

Достижения и KPI:

Снижение времени повторной загрузки страниц с фильтрами на 70% — за счет синхронизации состояния фильтров через URL (возможность сохранять результаты поиска и делиться ссылками).

Улучшение метрик Lighthouse Performance с ~60 до ~85+ — внедрение code splitting, lazy loading, устранение лишних ререндеров.

Ускорение онбординга новых разработчиков на 40% — за счет настройки Docker Compose для локальной среды (единая команда docker-compose up).

Реализовано 3 проекта с нуля до production (включая публичные ссылки: нужен доступ к резюме , нужен доступ к резюме , проверкачек нужен доступ к резюме ).

Проведено 50+ код-ревью за год, выявлено и предотвращено 20+ потенциальных багов на этапе review.

Aston 

Роль: Frontend-разработчик (комплексное решение для автоматизации программ лояльности)

Проект:

Система из двух модулей:

Employee Portal — личный кабинет сотрудника (бонусы, скидки, заявки).

HR Admin Panel — админ-панель управления программой лояльности.

Обязанности:

Employee Portal:

Разработка страницы обратной связи, таблицы с бесконечным скроллом + фильтрацией.

Система уведомлений (toast) через WebSockets (новые предложения по региону).

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

Обработка некорректных данных с бэкенда (null, undefined).

Рефакторинг формы авторизации (удалены лишние useEffect, сокращен код).

Внедрение lazy loading страниц.

Настройка husky pre-commit/pre-push.

Инициатива по добавлению линтера и тестов в CI-пайплайн.

Разработка адаптивной мобильной версии.

HR Admin Panel:

Участие в проектировании модульной архитектуры админ-панели.

Настройка окружения: Vite, ESLint, Prettier, Vitest, Husky, Zustand, React Query.

Реализация JWT-авторизации (access/refresh токены) + форма восстановления пароля.

Интеграция PrimeReact + кастомная стилизация под дизайн-макет.

Разработка универсальной строго типизированной таблицы (конфигурация через объект, фильтрация, действия, пагинация).

Сложная форма изменения статуса бенефита (логика доступных статусов, обратная связь при отклонении).

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

Достижения и KPI:

Сокращение времени загрузки Employee Portal на 35% — за счет lazy loading страниц и оптимизации рендеров.

Снижение количества багов в UI-компонентах на 50% (по данным Jira) после рефакторинга формы авторизации и исправления логики select/dropdown/popup.

Скорость разработки админ-панели увеличена на 40% — благодаря созданию универсальной таблицы на конфигах (переиспользование на 5+ экранах).

Успешный запуск системы в production в крупной распределенной компании (название НДA, но география — 3+ региона).

Предотвращение 100% критических багов в pre-push — внедрение Husky + линтера в CI (инициатива принята командой).

Проведено 30+ код-ревью, внедрены стандарты типизации для сложных форм.