Перейти к содержимому
Открыт к предложениям

Санкт-Петербург

Гибрид / Удалёнка

Дмитрий Коновалов

Frontend-разработчик · React · Vue · Nuxt · TypeScript

Фронтенд на React, Vue и Nuxt с 2019 года: сайты застройщика ГК ФСК с SSR и интерактивным генпланом, терминал бариста в 210 кофейнях, HoReCa ERP и ИИ-сервис ModelGPT

Коммерческий стаж
5 лет 9 месяцев
Проектов
12
Сейчас
Frabbit (Frenchrabbit)

6 проектов

Избранные проекты

5 лет 9 месяцев

Опыт

  1. нояб. 2025 — н. в.

    1 год 1 месяц

    Штатпараллельно с другой работой

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

    Frabbit (Frenchrabbit), аутсорс-разработка для девелоперов и ии-продуктов, Санкт-Петербург

    Веду фронтенд нескольких клиентских проектов параллельно: ГК ФСК, CNP, ModelGPT. Проекты на Nuxt с упором на SSR, SEO и скорость, вёрстка по макетам в Figma. Каждый MR проходит кросс-ревью фронтендеров, ревью тимлида и автоматическое ИИ-ревью.

    • ГК ФСК: SVG-генплан ЖК, поэтажные планы и 3D-планировки на Nuxt-платформе двух брендов застройщика.
    • ГК ФСК: схема рендеринга каталога (SSR с кэшем на сервере и CDN, тяжёлые блоки на клиенте). INP на мобильных 377 → 181 мс, TTFB 1,2 → 0,8 с.
    • ГК ФСК: доля трафика из поиска выросла с 63 до 93% за восемь месяцев, Lighthouse Accessibility с 54 до 85.
    Подробнее
    • CNP: с нуля сделал весь клиент онлайн-школы на Nuxt 4 и BFF на Nitro поверх Laravel: кабинет ученика, уроки и тесты, Telegram Mini App, 22 страницы и 91 компонент.
    • CNP: оплата частями и в рассрочку, гейт доступа при просрочке, вход через Telegram, конструктор лендингов из 30 блоков. Лендинг потока собирается за день, 47 файлов тестов на Vitest.
    • ModelGPT: фулстек на Nitro, PostgreSQL и Drizzle, чат на WebSocket со стримингом, очереди BullMQ на Redis для видео и презентаций, подписка через CloudPayments.
    • ModelGPT: больше 40 посадочных страниц с серверным рендером, около 15 000 активных пользователей в месяц.
    • Написал для команды инструкции и скрипты, по которым Claude Code собирает типовые страницы из готовых блоков, а я ревьюю результат.
    Команда
    14 человек, из них 5 фронтендеров
    Стек
    • Vue.js
    • Nuxt
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • SSR и гидрация
    • Core Web Vitals
    • SVG
    • Sass/SCSS
    • Адаптивная вёрстка
    • Доступность (WCAG)
    • Яндекс Метрика
    • Vite
    • Nitro
    • Node.js
    • Drizzle ORM
    • PostgreSQL
    • SQL
    • Redis
    • WebSocket
    • Zod
    • REST API
    • OpenAPI
    • BFF
    • Telegram Mini Apps
    • MySQL
    • Storybook
    • Vitest
    • Playwright
    • Sentry
    • Docker
    • GitLab CI
    • Git
    • Figma
    • Jira
    • Claude Code
    • Монорепозиторий
    • LLM API
    • ESLint
    Проекты
  2. дек. 2024 — май 2025

    6 месяцев

    Проектная работапараллельно с другой работой

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

    «Квиз, плиз!» (QuizPlease), сеть квизов

    Проектная работа параллельно с основной. Фронтенд «Домашних игр» — сабсайта для квизов дома; на пике около 50 000 активных пользователей с подпиской в месяц.

    • Сделал плеер игры, пейвол и личный кабинет с адаптацией под телефоны и планшеты.
    • Создал UI-кит сабсайта с нуля.
    • Разработал админ-панель управления играми: типизированный REST-клиент, сгенерированный из OpenAPI через Kubb, и TanStack Query.
    Подробнее
    • Покрыл интерфейсы тестами на Jest и Playwright.
    Команда
    2 человека, оба фронтендеры
    Стек
    • Nuxt
    • Vue.js
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • Pinia
    • Tailwind CSS
    • Motion
    • TanStack Query
    • Kubb
    • OpenAPI
    • REST API
    • PWA
    • HLS
    • WebRTC
    • WebSocket
    • Jest
    • Playwright
    • Адаптивная вёрстка
    • Git
    Проекты
  3. июнь 2024 — июль 2025

    1 год 2 месяца

    Волонтёрствопараллельно с другой работой

    Frontend-лид и менеджер проекта

    SUAI Achievements (ГУАП), студенческий проект

    • Руководил командой из 5 человек.
    • Разработал фронтенд VK Mini App для адаптации первокурсников на React, TypeScript и MobX. Приложением пользовались около 4 500 первокурсников — почти весь набор.
    Подробнее
    Команда
    5 человек
    Стек
    • React
    • TypeScript
    • JavaScript
    • MobX
    • VKUI
    • Styled Components
    • VK Mini Apps
    • REST API
    • Figma
    • Git
    Проекты
  4. дек. 2023 — янв. 2024

    2 месяца

    Фриланспараллельно с другой работой

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

    Olimp Hotel, отель, Санкт-Петербург

    • Сайт отеля на Next.js со Strapi, онлайн-бронированием и SEO-оптимизацией.
    Подробнее
    Стек
    • Next.js
    • React
    • TypeScript
    • JavaScript
    • Strapi
    • Tailwind CSS
    • Sass/SCSS
    • Адаптивная вёрстка
    • Git
    Проекты
  5. март 2022 — март 2026

    4 года 1 месяц

    Штатпараллельно с другой работой

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

    BagginsCoffee, сеть кофеен, 210 точек

    Отвечал за фронтенд и дизайн внутренних продуктов сети: терминала бариста в 210 кофейнях, HoReCa ERP и сервисов вокруг них. Макеты в Figma, архитектура на Feature-Sliced Design, CI/CD для всех фронтенд-продуктов.

    • Спроектировал и с нуля разработал фронтенд терминала бариста на Electron, React и MobX. Терминал работает в 210 кофейнях, в точках со слабым интернетом выручка выросла на 24%.
    • Построил архитектуру терминала на микрофронтендах с Module Federation и офлайн-режим на локальной PostgreSQL через Prisma.
    • Написал автообновление терминала и админку сервиса версий: релизы доходят до 210 точек по трекам 5 → 30 → все.
    Подробнее
    • Сделал UI-библиотеку из 60 компонентов для четырёх продуктов: токены из Figma, Storybook, тесты в браузере, релизы через semantic-release.
    • Разработал фронтенд HoReCa ERP на React, Redux Toolkit и TanStack Query: склад, техкарты, товарная матрица, персонал, права, лояльность и конструктор BI-отчётов, больше 80 функций.
    • Построил CI/CD на GitLab CI и Docker для всех фронтенд-продуктов: юнит-, компонентные, e2e- и снапшот-тесты на Vitest и Playwright, тестовый стенд на каждый MR.
    • Сделал Telegram Mini Apps для найма бариста: от отклика до первой смены 4 дня вместо 9.
    • Сделал учёт ингредиентов для тренинг-центра бариста: необъяснённых списаний стало вдвое меньше.
    Стек
    • Electron
    • React
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • MobX
    • Redux Toolkit
    • TanStack Query
    • Prisma
    • PostgreSQL
    • SQL
    • Tailwind CSS
    • Radix UI
    • Ant Design
    • Motion
    • Storybook
    • Дизайн-системы
    • Module Federation
    • Feature-Sliced Design
    • RBAC
    • WebGL
    • Figma
    • Vitest
    • Testing Library
    • Playwright
    • Biome
    • Webpack
    • Vite
    • Docker
    • CI/CD
    • GitLab CI
    • Git
    • Jira
    • Vue.js
    • Pinia
    • PrimeVue
    • Sass/SCSS
    • Express
    • Telegraf
    • Telegram Mini Apps
    • Node.js
    • REST API
    Проекты
  6. март 2021 — май 2022

    1 год 3 месяца

    Фриланспараллельно с другой работой

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

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

    • Мобильная версия сайта (Vue 3, Nuxt, TypeScript, SCSS).
    • Виджет розыгрышей с серверной частью (Vue 3, Express, MySQL).
    Подробнее
    Стек
    • Vue.js
    • Nuxt
    • TypeScript
    • JavaScript
    • Sass/SCSS
    • Express
    • MySQL
    • Vuex
    • Node.js
    • SVG
    • Адаптивная вёрстка
    • Vite
    • Git
    Проекты

92 подтверждённых навыка

Навыки

Выберите навык, чтобы подсветить проекты и опыт, где он применялся

  • Языки

    Уверенно в продакшене
    Работал в продакшене
  • Фреймворки и платформы

    Уверенно в продакшене
    Работал в продакшене
    Знаком
  • Архитектура и рендеринг

    Уверенно в продакшене
    Работал в продакшене
  • Состояние и данные

    Уверенно в продакшене
    Работал в продакшене
    Знаком
  • Стили и UI

    Уверенно в продакшене
    Работал в продакшене
    Знаком
  • Тесты и качество

    Работал в продакшене
    Знаком
  • Инструменты и инфраструктура

    Уверенно в продакшене
    Работал в продакшене
    Знаком
  • ИИ в разработке

    Работал в продакшене

Обо мне

Frontend-разработчик с коммерческим опытом с 2019 года: React, Vue 3, Nuxt, TypeScript. Ключевой проект последнего года — сайты ГК ФСК, одного из крупнейших федеральных застройщиков, с каталогом новостроек в 7 регионах. Для них делал интерактивный генплан, поэтажные планы и 3D-просмотр планировок, отвечал за SSR для SEO и оптимизацию тяжёлых интерфейсов.

Также спроектировал в Figma и разработал с нуля терминал бариста, который работает в 210 кофейнях BagginsCoffee, фронтенд HoReCa ERP и фулстек ИИ-сервиса ModelGPT.

Образование

  • Санкт-Петербургский государственный университет аэрокосмического приборостроения (ГУАП)

    Институт информационных технологий и программирования

    Бакалавриат, 09.03.02 «Информационные системы и технологии в дизайне»

    2025

Языки

Русский
Родной
Английский
B1 (средний)

Сборка:

Как сделан этот сайт

Метрики из CI

Performance
77
Accessibility
100
Best Practices
100
SEO
100
Начальный JS
192 КБ gzip
Тестов, юнит
206
Тестов, e2e
75

Стек

  • Next.js
  • React
  • TypeScript
  • JavaScript
  • HTML
  • CSS
  • Payload CMS
  • PostgreSQL
  • SQL
  • Tailwind CSS
  • GSAP
  • Motion
  • WebGL
  • Storybook
  • Vitest
  • Testing Library
  • Playwright
  • Biome
  • Docker
  • GitHub Actions
  • CI/CD
  • Git
  • Core Web Vitals
  • Доступность (WCAG)
  • i18n
  • Feature-Sliced Design
  • MCP
  • LLM API
  • Claude Code
  • Яндекс Метрика
  • SSR и гидрация
  • Дизайн-системы
Архитектура
Схема архитектуры сайтаЗапрос из браузера проходит через Caddy с HTTPS в приложение Next.js. В нём живут страницы на React Server Components и Payload CMS с админкой и Local API. Данные лежат в PostgreSQL, медиа в S3-совместимом хранилище. GitHub Actions собирает проект и прогоняет Lighthouse CI, метрики попадают на сайт.БраузерHTTPSCaddyNext.js 16СтраницыRSCPayload CMSLocal APIPostgreSQLS3медиаGitHub ActionsLighthouse CIметрики

Напишите мне

Напрямую