Middle Frontend-разработчик

На данный момент Frontend-разработчик.

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

Frontend-разработчик, три года коммерческого опыта на React 19, нужен доступ к резюме (App Router) и TypeScript. Делаю интерфейсы под ключ: от макета и архитектуры до тестов. В основном продуктовые интерфейсы и личные кабинеты, реже лендинги. Отдельно мне интересна сложная браузерная логика (собирал клиентский PDF-редактор на Canvas) и интеграции с LLM API.

Frontend-разработчик — Nobee Group Февраль 2023 — наст. время

Веб- и продуктовая разработка

• Собрал и развивал внутреннюю библиотеку React-компонентов и стартовых шаблонов, на которой работает вся команда. Старт нового проекта сократился с пяти дней до двух, а за три года на этой базе мы выпустили больше 80 проектов: от лендингов до личных кабинетов.
• С нуля спроектировал и довёл до продакшена клиентский PDF-редактор на нужен доступ к резюме , нужен доступ к резюме , PDF-lib и Canvas API. Пользователь заполняет и подписывает документ прямо в браузере и выгружает его в PDF, PNG или JPG. Вся обработка (около нужен доступ к резюме документов в месяц) идёт на клиенте, так что сервер не нагружается, а файлы не покидают устройство пользователя.
• Разрабатывал личные кабинеты с регистрацией, авторизацией и хранением данных в БД — до нужен доступ к резюме пользователей. Приём заявок автоматизировал через Make и Google Apps Script: около 300 заявок в месяц перестали обрабатывать вручную, а время реакции упало с нескольких часов до пары минут. На пиковой промо-акции система без потерь приняла порядка нужен доступ к резюме заявок.
• Отвечал за фронтенд в команде из 4–6 человек — дизайнеры, бэкенд, менеджер. Обычно вёл два-три проекта параллельно, от постановки задачи до релиза: проектировал структуру приложения, согласовывал с бэкендом контракты API, работал через общий Git-флоу и ревью кода.
• Делал интерактивную графику и анимацию для лендингов: 3D-эффекты, SVG- и CSS-анимации, scroll-триггеры. Даже на тяжёлых страницах держал Lighthouse Performance выше 90 и LCP меньше 2,5 секунды — помогали lazy-loading, code-splitting и оптимизация ассетов.
• Ключевую логику покрывал unit- и интеграционными тестами (Jest, React Testing Library, сетевые моки на MSW), а критичные сценарии — E2E на Playwright.

Навыки:

Языки и типизация: TypeScript, JavaScript (ES6+), HTML5, CSS3

React-стек: React 19, нужен доступ к резюме (App Router, SSR/RSC), Redux Toolkit (RTK Query), Tailwind CSS, Shadcn UI, Framer Motion

Сложная браузерная логика:  нужен доступ к резюме , нужен доступ к резюме , PDF-lib, Canvas 2D

Тестирование: Jest, React Testing Library, MSW, Playwright (E2E)

Вёрстка и UI: адаптивная mobile-first, дизайн-системы и токены, доступность (aria), SEO; оптимизация Core Web Vitals (LCP, CLS, INP)

Инструменты и интеграции: Vite, Git, ESLint, Vercel (CI/CD), Figma; LLM API, Make, Google Apps Script