Senior Frontend · 8 лет в коммерческой разработке

Делаю быстрые и аккуратные интерфейсы на React, Next.js и Vue

Сайт продаж Sminex, личный кабинет Московской биржи, сайт и админ-панель Prinzip. Архитектура фронтенда, UI-kit, SSR и code review.

Написать в TelegramСмотреть кейсы

Кейсы

Что я сделала

Девелопмент, финтех, госсектор и e-commerce. У каждого кейса — задача, мой вклад и стек.

Prinzip · Крупнейший девелопер Екатеринбурга

Сайт и админ-панель на одной архитектуре

Разделила публичный сайт и админку, собрала UI-kit, оптимизировала запросы и SSR.

  • React
  • TypeScript
  • Redux Toolkit
  • React Query
  • SSR

~6 мс

TTFB, полный ответ ~14 мс

Все кейсы (9)

Живое демо

Параметрический подбор квартир

Та же задача, что я решала на сайте Sminex, — но своя реализация на вымышленных данных. Код открыт.

  • Фильтры по цене, площади, этажу, комнатам, проекту и сроку сдачи
  • Состояние фильтров хранится в URL — подборкой можно поделиться
  • Работает с клавиатуры, логика фильтрации покрыта тестами на Jest
Открыть демоИсходники

Ещё проекты

Другие проекты

Проекты, в которых я работала в составе команды.

  • The Head · 2024 — 2025

    Adamas

    Интернет-магазин ювелирных украшений

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

    • React
    • Redux Toolkit
    • webpack
    • Cypress
    Открыть сайт

  • kokoc.tech · 2021 — 2023

    Drive Fitness

    Сеть фитнес-клубов

    Компоненты UI-kit, hero-баннер, фильтр вакансий, расписание, страницы клубных карт и промо, выбор клуба с геолокацией.

    • Next.js
    • TypeScript
    • SWR
    • FSD
    Открыть сайт

  • The Head · 2024 — 2026

    Workki

    Сеть коворкингов: личный кабинет и сайт

    Бронирование рабочих мест и переговорных, интерактивные планы этажей, дашборд и профиль, пропуска, согласие на обработку ПД.

    • React
    • Redux
    • Next.js

  • The Head · 2024 — 2026

    DSM

    Сервис заявок на мероприятия и лекторов

    UI-kit, мастер создания заявки с валидацией, клиенты и справочник, права на документы, расчёт НДФЛ лектора.

    • React
    • TypeScript
    • Vite
    • MobX
    • Zustand
    • Vitest

  • The Head · 2025 — 2026

    Novex

    Интернет-магазин

    Авторизация через SDK, капча, календарь в корзине, JSON-схема товара.

    • Nuxt
    • Vue

  • kokoc.tech · 2023

    China Campus

    Школа китайского языка

    Вёрстка темы: hero-блоки, тарифы, преподаватели, адаптив.

    • October CMS
    • HTML
    • CSS

Подход

Как я работаю

  • Архитектура до кода

    Проектировала фронтенд Prinzip с разделением сайта и админ-панели и PWA для Imperial Tobacco целиком. Сначала структура и контракты с бэкендом, потом экраны.

  • UI-kit и документация

    Собирала UI-kit для Мосбиржи, Prinzip и «Мира Инструмента», документировала компоненты в Storybook, покрывала тестами на Jest.

  • Производительность

    Оптимизировала запросы и рендеринг на клиенте и в SSR: у Prinzip TTFB ~6 мс, полный ответ ~14 мс. Делала SSR и SEO на Next.js.

  • Code review и декомпозиция

    Оцениваю и декомпозирую задачи, провожу code review — сейчас в команде Sminex, где около 10 фронтендов.

  • Опыт тимлида

    В kokoc.tech руководила командой из 12 человек: спринты, найм, онбординг и обучение разработчиков. Сейчас ~80% времени пишу код.

  • CI/CD и AI-инструменты

    Пишу пайплайны на GitLab Runner, деплой через Kubernetes / ArgoCD. В работе использую AI-assisted разработку — Claude Code и Codex.

Стек

Технологии

Языки

  • TypeScript
  • JavaScript (ES2022+)

React

  • React
  • Next.js
  • Redux Toolkit
  • React Query
  • MobX
  • Zustand

Vue

  • Vue 3
  • Nuxt
  • Vuex

Данные и API

  • GraphQL (Apollo)
  • REST / Swagger

Рендеринг

  • SSR
  • PWA
  • SEO

UI и стили

  • SCSS
  • CSS Modules
  • Storybook
  • UI-kit
  • Адаптивная вёрстка

Качество

  • Jest
  • Code review

Инфраструктура

  • Webpack
  • Git
  • GitLab CI/CD
  • Kubernetes / ArgoCD

Контакты

Давайте обсудим вашу задачу

Ищу позицию Senior Frontend в продуктовой команде: удалённо по России или офис / гибрид в Екатеринбурге.

Telegram
@safyann
GitHub
Safyann