Перейти к содержимому
Дмитрий Коновалов
EN
Открыт к предложениям

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

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

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

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

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

ПроектыСкачать резюмеНаписать
Коммерческий стаж
5 лет 8 месяцев
Проектов
12
Сейчас
Frabbit (Frenchrabbit)

6 проектов

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

Все проекты
  • Коммерческий2026

    Сайты ГК ФСК и 1-го ДСК

    Frontend-разработчик, Frabbit (Frenchrabbit)

    Nuxt-платформа сайтов fsk.ru и dsk1.ru: каталог новостроек в 7 регионах, интерактивный генплан, поэтажные планы, 3D-планировки, SSR для SEO.

    • Vue.js
    • Nuxt
    • TypeScript
    • SSR и гидрация
    • Sass/SCSS
    • +3
  • Коммерческий2025

    ModelGPT — мультимодельный ИИ-чат

    Фулстек-разработчик, Frabbit (Frenchrabbit)

    ИИ-чат с моделями разных провайдеров: REST API на Nitro и PostgreSQL, realtime-чат со стримингом ответов, режимы работы, пейвол с подписками и SEO-посадочные.

    • Nuxt
    • Vue.js
    • TypeScript
    • Vite
    • Nitro
    • +5
  • Коммерческий

    Терминал бариста на Electron

    Frontend-разработчик и дизайнер, BagginsCoffee

    Терминал бариста, который работает в 210 кофейнях сети: спроектировал в Figma и разработал с нуля в одиночку. Микрофронтенды и автообновление по релизным трекам.

    • Electron
    • React
    • TypeScript
    • MobX
    • Tailwind CSS
    • +5
  • Коммерческий

    HoReCa ERP для управляющей компании и франчайзи

    Frontend-разработчик и дизайнер, BagginsCoffee

    ERP для сети кофеен, аналог iiko: склад и учёт, меню и техкарты, товарная матрица, персонал и права, лояльность и конструктор BI-отчётов.

    • React
    • TypeScript
    • Redux
    • Ant Design
    • Feature-Sliced Design
    • +1
  • Коммерческий2025

    «Квиз, плиз! Хоум» — квизы дома

    Frontend-разработчик, «Квиз, плиз!» (QuizPlease)

    Сабсайт домашних игр сети квизов: плеер игры, пейвол, личный кабинет, UI-кит и админка. На пике около 50 000 активных подписчиков в месяц.

    • Nuxt
    • Vue.js
    • TypeScript
    • Pinia
    • Tailwind CSS
    • +5
  • Волонтёрский2025

    SUAI Achievements — VK Mini App

    Frontend-лид и менеджер проекта, SUAI Achievements (ГУАП)

    VK Mini App для адаптации первокурсников ГУАП. Им пользовались около 4 500 первокурсников — почти весь набор.

    • React
    • TypeScript
    • MobX
    • VKUI
    • Styled Components
    • +1

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

Опыт

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

    1 год

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

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

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

    Веду фронтенд нескольких клиентских проектов параллельно. Проекты с упором на SSR и SEO, вёрстка по макетам в Figma. Участвую в кросс-ревью кода; в процессе также ревью тимлида и ИИ-ревью.

    • ГК ФСК и 1-й ДСК: инструменты выбора квартиры на Nuxt-платформе двух брендов девелопера — интерактивный SVG-генплан ЖК, поэтажные планы и 3D-просмотр планировок.
    • ГК ФСК и 1-й ДСК: серверный рендер страниц каталога и ЖК для SEO, кэширование на сервере и CDN, клиентский рендер тяжёлых блоков, устранение расхождений гидрации.
    • ГК ФСК и 1-й ДСК: оптимизация самых тяжёлых экранов каталога — динамическая подгрузка и ленивая гидрация, индексы Set и Map вместо вложенных переборов.
    Подробнее
    • ModelGPT: REST API на Nitro с PostgreSQL и Drizzle ORM, realtime-чат на WebSocket со стримингом ответов и маршрутизацией между моделями разных провайдеров.
    • ModelGPT: системные промпты под режимы работы, пейвол с тарифами и автоплатежом, загрузка фото и PDF, распознавание текста, генерация изображений.
    • ModelGPT: SEO-структура из десятков посадочных страниц под режимы и модели с серверным рендером.
    Команда
    14 человек, из них 5 фронтендеров
    Стек
    • Vue.js
    • Nuxt
    • TypeScript
    • SSR и гидрация
    • Sass/SCSS
    • SVG
    • Яндекс Метрика
    • Vite
    • Nitro
    • Node.js
    • Drizzle ORM
    • PostgreSQL
    • WebSocket
    • Figma
    Проекты

  2. дек. 2024 — май 2025

    6 месяцев

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

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

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

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

    • Сделал плеер игры, пейвол и личный кабинет с адаптацией под телефоны и планшеты.
    • Создал UI-кит сабсайта с нуля.
    • Разработал админ-панель управления играми: типизированный REST-клиент, сгенерированный из OpenAPI через Kubb, и TanStack Query.
    Подробнее
    • Покрыл интерфейсы тестами на Jest и Playwright.
    Команда
    2 человека, оба фронтендеры
    Стек
    • Nuxt
    • Vue.js
    • TypeScript
    • Pinia
    • Tailwind CSS
    • Motion
    • TanStack
    • Kubb
    • Jest
    • Playwright
    Проекты

  3. июнь 2024 — июль 2025

    1 год 2 месяца

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

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

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

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

  4. дек. 2023 — янв. 2024

    2 месяца

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

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

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

    • Сайт отеля на Next.js со Strapi, онлайн-бронированием и SEO-оптимизацией.
    Подробнее
    Стек
    • Next.js
    • React
    • Strapi
    Проекты

  5. март 2022 — март 2026

    4 года 1 месяц

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

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

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

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

    • Спроектировал и в одиночку разработал с нуля терминал бариста на Electron, который работает в 210 кофейнях сети.
    • Построил архитектуру терминала на микрофронтендах с Module Federation.
    • Написал модуль автообновления терминала и админку внутреннего сервиса версий: обновления доставляются на все 210 точек по релизным трекам.
    Подробнее
    • Создал UI-библиотеку терминала: дизайн-токены на CSS custom properties, SVGR-пайплайн иконок, варианты на tailwind-variants, документация в Storybook, сборка tsup.
    • В одиночку разработал фронтенд HoReCa ERP: склад и учёт, меню и техкарты, товарная матрица, персонал, роли и права доступа, бонусы и лояльность.
    • Разработал модуль BI-отчётов с конструктором, в котором управляющая компания и франчайзи сами собирают нужные отчёты.
    • Построил CI/CD на GitLab CI и Docker для всех фронтенд-продуктов: юнит-, компонентные, e2e- и снапшот-тесты на Vitest и Playwright, сборка релизов и тестовые стенды.
    • Разработал Telegram Mini Apps для автоматизации найма с серверной частью и систему учёта ингредиентов для тренинг-центра бариста.
    Стек
    • Electron
    • React
    • TypeScript
    • MobX
    • Redux
    • Tailwind CSS
    • Radix UI
    • Ant Design
    • Motion
    • Storybook
    • Module Federation
    • Feature-Sliced Design
    • Figma
    • Vitest
    • Playwright
    • Docker
    • CI/CD
    • Vue.js
    • Pinia
    • PrimeVue
    • Sass/SCSS
    • Express
    • Telegraf
    • Telegram Mini Apps
    Проекты

  6. март 2021 — май 2022

    1 год 3 месяца

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

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

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

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

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

Навыки

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

  • Языки

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

  • Фреймворки и платформы

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

  • Архитектура и рендеринг

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

  • Состояние и данные

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

  • Стили и 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
82
Accessibility
100
Best Practices
100
SEO
100
Начальный JS
192 КБ gzip
Тестов, юнит
200
Тестов, e2e
71

Стек

  • Next.js
  • React
  • TypeScript
  • Payload CMS
  • PostgreSQL
  • Tailwind CSS
  • GSAP
  • Motion
  • Storybook
  • Vitest
  • Playwright
  • Biome
  • Docker
  • CI/CD
  • Git
  • Яндекс Метрика
Подробнее в кейсе
Архитектура
Схема архитектуры сайтаЗапрос из браузера проходит через 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метрики

Напишите мне

Напрямую