Skip to content
Open to offers

Saint Petersburg

Hybrid / Remote

Dmitry Konovalov

Frontend developer · React · Vue · Nuxt · TypeScript

Frontend with React, Vue and Nuxt since 2021: websites for the developer ГК ФСК with SSR and an interactive master plan, a barista terminal in 210 coffee shops, HoReCa ERP and the ModelGPT AI service

Commercial experience
5 years 9 months
Projects
12
Now
Frabbit (Frenchrabbit)

6 projects

Selected work

5 years 9 months

Experience

  1. Nov 2025 — present

    1 year 1 month

    Full-timealongside another role

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

    Frabbit (Frenchrabbit), outsourcing development for developers and ai products, Saint Petersburg

    Веду фронтенд нескольких клиентских проектов параллельно: ГК ФСК, 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.
    Details
    • 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 собирает типовые страницы из готовых блоков, а я ревьюю результат.
    Team
    14 people, из них 5 фронтендеров
    Stack
    • 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
    Projects
  2. Dec 2024 — May 2025

    6 months

    Contractalongside another role

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

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

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

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

    1 year 2 months

    Volunteeralongside another role

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

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

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

    2 months

    Freelancealongside another role

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

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

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

    4 years 1 month

    Full-timealongside another role

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

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

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

    • Спроектировал и с нуля разработал фронтенд терминала бариста на Electron, React и MobX. Терминал работает в 210 кофейнях, в точках со слабым интернетом выручка выросла на 24%.
    • Построил архитектуру терминала на микрофронтендах с Module Federation и офлайн-режим на локальной PostgreSQL через Prisma.
    • Написал автообновление терминала и админку сервиса версий: релизы доходят до 210 точек по трекам 5 → 30 → все.
    Details
    • Сделал 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.
    • Сделал учёт ингредиентов для тренинг-центра бариста: необъяснённых списаний стало вдвое меньше.
    Stack
    • 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
    Projects
  6. Mar 2021 — May 2022

    1 year 3 months

    Freelancealongside another role

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

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

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

92 confirmed skills

Skills

Pick a skill to highlight the projects and roles where it was used

  • Языки

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

    Confident in production
    Used in production
    Familiar
  • Архитектура и рендеринг

    Confident in production
    Used in production
  • Состояние и данные

    Confident in production
    Used in production
    Familiar
  • Стили и UI

    Confident in production
    Used in production
    Familiar
  • Тесты и качество

    Used in production
    Familiar
  • Инструменты и инфраструктура

    Confident in production
    Used in production
    Familiar
  • ИИ в разработке

    Used in production

About

Frontend developer with commercial experience since 2021: React, Vue 3, Nuxt, TypeScript. Key project of the last year — websites for ГК ФСК, one of the largest federal developers, with a new-build catalog in 7 regions. For them, I built an interactive master plan, floor plans and a 3D floor plan viewer, was responsible for SSR for SEO and optimizing heavy interfaces.

Also designed in Figma and built from scratch a barista terminal that runs in 210 BagginsCoffee coffee shops, the frontend of a HoReCa ERP and the full-stack of the ModelGPT AI service.

Education

  • Saint Petersburg State University of Aerospace Instrumentation (GUAP)

    Institute of Information Technologies and Programming

    Bachelor's degree, 09.03.02 «Information Systems and Technologies in Design»

    2025

Languages

Russian
Native
English
B1 (intermediate)

Built:

How this site is built

Metrics from CI

Performance
77
Accessibility
100
Best Practices
100
SEO
100
Initial JS
192 KB gzip
Tests, unit
206
Tests, e2e
75

Stack

  • 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 и гидрация
  • Дизайн-системы
Architecture
Site architecture diagramA browser request goes through Caddy with HTTPS to the Next.js app. It hosts pages built with React Server Components and Payload CMS with the admin panel and Local API. Data lives in PostgreSQL, media in S3-compatible storage. GitHub Actions builds the project and runs Lighthouse CI, and the metrics are published on the site.BrowserHTTPSCaddyNext.js 16PagesRSCPayload CMSLocal APIPostgreSQLS3mediaGitHub ActionsLighthouse CImetrics

Get in touch

Directly