Logotype

Frontend developer & Designer. I design interfaces that I can implement myself. I program what I have designed.

Frontend developer & Designer. I design interfaces that I can implement myself. I program what I have designed.

I collect useful links and create thematic compilations from them. Sometimes I write notes and work on my projects.

  • Frontend

    Development and maintenance of: product interfaces, client-side logic, API interactions, component libraries and design systems, npm packages, and product AI features. Performance optimization. Semantic, responsive, and cross-browser markup: BEM, Mobile-first, animation. Testing of components, APIs, and cross-browser checks.

    • JavaScript
    • TypeScript
    • HTML
    • CSS
    • SCSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Framer Motion
    • Rive
    • Lottie
    • Swiper
    • Radix UI
    • Headless UI
    • react-hook-form
    • MDX
    • React
    • React Hooks
    • Next.js
    • Redux
    • Zustand
    • jotai
    • i18n
    • REST
    • GraphQL
    • Fetch
    • Jest
    • Vitest
    • React Testing Library
    • Playwright
    • a11y
    • Lighthouse
    • Storybook
    • Vite
    • Webpack
    • ESLint
    • Node.js
    • npm
    • Less
    • PostCSS
    • Vue 2
    • Vue 3
    • Vuex
    • Pinia
    • Nuxt 2
    • Nuxt 3
    • Quasar
    • Gatsby
    • Jamstack
    • Rollup
    • Grunt
    • Gulp
    • Yarn
    • Axios

  • Infrastructure & Tools

    Working with Jamstack. Setting up and integrating a Headless CMS into the project. Configuring infrastructure for local development and deploying the project on a VPS in Docker. Setting up internal and external routing, including SSL. Configuring CI/CD and building the project. Automating code quality control: git hooks, linting, and formatting. SEO analysis and project optimization. Working with AI tools: writing code, review, refactoring, debugging, and testing.

    • Cursor
    • Claude Code
    • Codex
    • VSCode
    • Terminal
    • Git
    • GitHub
    • GitHub Actions
    • CI/CD
    • simple-git-hooks
    • lint-staged
    • commitlint
    • Prettier
    • Vercel
    • Headless CMS
    • Jamstack
    • GitLab
    • Bitbucket
    • Jira
    • Agile
    • Scrum
    • Docker
    • Nginx
    • Contentful
    • Strapi
    • Sanity
    • Algolia
    • HubSpot
    • WordPress
    • drone.io
    • Gatsby Cloud
    • Netlify
    • Semrush
    • Screaming Frog

My career

June 2025 – Now, 1 year 5 months

sellmonitor.com

Sales analytics service for marketplace sellers

  • Senior Frontend Developer

    Building new and growing existing analytics and automation tools that bring marketplace sellers to the service.

    • —Launched 6 new sections of the service.
      • —Order geography — a region and warehouse map on ECharts.
      • —Query monitoring — product positions for selected search queries.
      • —Positions in shelves — product distribution across recommendation shelves.
      • —Niche analysis — a niche table with filters and drill-down into products.
      • —Suggestions — a public idea board on Next.js and Strapi: moderation, comments, and text pre-moderation via OpenAI.
      • —Promo banners — targeting, display frequency, and content through Strapi.
    • —Developed 5 more existing sections: Repricer, Sales, Unit economics, Ad management, and Support tickets.
    • —Rebuilt the public sellmonitor.com website: home page, pricing, marketplace pages, partner program, and SEO pages.
    • —Developed the shared component library on TanStack Table and ECharts.
    • JavaScript
    • TypeScript
    • React
    • React Hooks
    • Next.js
    • SSR
    • jotai
    • Immer
    • React Hook Form
    • TanStack Table
    • ECharts
    • Headless UI
    • Radix UI
    • HTML
    • CSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Motion
    • Node.js
    • Strapi
    • Redis
    • OpenAI API
    • Vercel AI SDK
    • Amplitude
    • Vite
    • Chrome Extension
    • Fetch
    • Axios
    • ESLint
    • Prettier
    • Turbopack
    • VSCode
    • Terminal
    • Git
    • GitHub
October 2022 – June 2026, 3 years 7 months

Project work

Studio 15

Web development outsourcing studio
  • Frontend Team Lead

    Organizing the frontend team's work and developing the studio's client projects.

    • —Led a frontend team of 5 developers: task prioritization, code review, releases, and stack decisions.
    • —Established a shared code style across the team's projects: ESLint, Prettier, lint-staged, and commitlint.
    • —Worked on 8 studio projects across different stacks.
      • —CMS and corporate website for an agricultural holding — Next.js.
      • —Marketplace of ghost-produced music tracks — Nuxt.
      • —Coconut water brand website — Laravel and Vite.
      • —Promo landing for a charity fund — Laravel and Blade.
      • —Hot sauce brand landing — Next.js.
      • —Mango snack brand landing — Next.js.
      • —Widgets for an airport parking service.
    • —Key project — the CMS and corporate website for an agricultural holding.
      • —Migrated the CMS from Next.js 14 Pages Router to Next.js 15 App Router and from Redux to Zustand.
      • —Completed and launched the CMS — 18 sections: pages, menus, products and brands, production sites, press center, banners, partners, vacancies, a WYSIWYG editor with images. Designed the interface without mockups on a component library.
      • —Built the website from scratch on Tailwind CSS and Motion — 16 pages from mockups: a component base, animated sections, a brand and product catalog, a press center, an interactive map, and feedback forms with attachments.
    • —Wrote unit tests for components and business logic with Jest.
    • JavaScript
    • React
    • React Hooks
    • Redux
    • Zustand
    • Next.js
    • SSR
    • TypeScript
    • Axios
    • Jest
    • HTML
    • CSS
    • SCSS
    • Tailwind CSS
    • Less
    • Flexbox
    • Grid
    • Animations
    • Framer Motion
    • Vue
    • Nuxt
    • Node.js
    • ESLint
    • Prettier
    • npm
    • Webpack
    • VSCode
    • Terminal
    • Git
    • Docker
    • Nginx

pixelpoint.io

Product web studio
  • Frontend Developer

    Development and maintenance of the studio's client marketing websites on Gatsby and Next.js with a Headless CMS.

    • —Worked on 9 client websites on Gatsby and Next.js with Tailwind CSS and Framer Motion.
      • —isovalent.com — Gatsby and WordPress.
      • —revenuecat.com — Gatsby and WordPress.
      • —fonoa.com — Next.js and Sanity.
      • —observiq.com — Next.js App Router and Sanity.
      • —kcdzurich.ch — Gatsby.
      • —terminal49.com — Next.js and Sanity.
      • —terzo.ai — Next.js.
      • —ebpf.io and cilium.io — Gatsby.
    • —Built pixel-perfect pages from mockups with content from a Headless CMS: Sanity (including document schemas) and WordPress via GraphQL.
    • —Built interactive sections: animations with Framer Motion, Rive and Lottie, sliders, forms on react-hook-form integrated with HubSpot.
    • —Developed the projects' component base, used SSR and server-side data fetching in the Next.js App Router, and optimized loading of new and existing pages.
    • —Reviewed other developers' tasks, kept an eye on accessibility and SEO.
    • JavaScript
    • React
    • React Hooks
    • Next.js
    • SSR
    • Gatsby
    • TypeScript
    • GraphQL
    • Fetch
    • HTML
    • CSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Framer Motion
    • VSCode
    • Terminal
    • Git
    • GitHub
    • Jamstack
    • Headless CMS
    • Strapi
    • Sanity
    • WordPress
    • CI/CD
    • Gatsby Cloud
    • GitHub Actions
    • Netlify
    • Vercel
    • Semrush
    • Screaming Frog

ipgate.io

Proxy rental service
  • Frontend Developer

    Project launch, feedback-driven improvements and migration from Quasar to Nuxt.

    • —Brought the project to launch: authentication, ordering, pricing, informational pages and multilingual support.
    • —After launch, fixed critical bugs and refined core modules based on user feedback without changing the design.
    • —Migrated the project from Quasar to Nuxt as part of the redesign, refactored the component base and covered key modules with unit tests.
    • JavaScript
    • Vue
    • Vuex
    • Quasar
    • Nuxt
    • SSR
    • TypeScript
    • Jest
    • HTML
    • CSS
    • Flexbox
    • Grid
    • Animations
    • Webpack
    • ESLint
    • Prettier
    • Fetch
    • Axios
    • VSCode
    • Terminal
    • Git
    • GitHub
    • GitHub Actions
December 2021 – September 2022, 9 months

sellmonitor.com

Sales analytics service for marketplace sellers

  • Frontend Developer

    Building new analytics tools that bring marketplace sellers to the service.

    • —Launched 6 new sections of the service in 10 months.
      • —Business — a seller's personal dashboard: marketplace API key connection and analytics on their own data.
      • —Sales — a sales summary, per-product statistics, and lost profit.
      • —Review autoreplier — reply rules, templates, stop words, and statistics.
      • —Unit economics — calculations based on marketplace tariffs and saved calculations.
      • —Categories — a list with search and filters, a category card with charts, brands, and merchants.
      • —Exports — a report list with real-time status and file downloads.
    • —Built the project's base component library: buttons, inputs and forms, pagination, popovers, loading and empty states.
    • JavaScript
    • TypeScript
    • React
    • React Hooks
    • Next.js
    • SSR
    • jotai
    • Immer
    • React Table
    • ECharts
    • Headless UI
    • Radix UI
    • HTML
    • CSS
    • Tailwind CSS
    • Flexbox
    • Grid
    • Animations
    • Axios
    • Mercure
    • next-translate
    • ESLint
    • Prettier
    • Webpack
    • VSCode
    • Terminal
    • Git
    • GitHub
October 2018 – December 2021, 3 years 2 months

reg.ru

Russia's largest domain registrar and hosting provider

  • Frontend Developer

    Developing an internal HR project, the domain area and the component library.

    • —As a senior developer, led the internal HR project to release: development, code reviews and unit tests for components and logic.
    • —Built the purchase flows for domains and add-on services in the domain area.
    • —Implemented design tokens and the component library in the company's projects.
    • JavaScript
    • Vue
    • SSR
    • Vuex
    • GraphQL
    • TypeScript
    • Jest
    • HTML
    • CSS
    • Less
    • Flexbox
    • Grid
    • Animations
    • Webpack
    • ESLint
    • Prettier
    • Fetch
    • VSCode
    • Terminal
    • Git
    • GitLab
    • Docker
    • Nginx
October 2016 – October 2018, 2 years

supl.biz

B2B wholesale marketplace

  • Frontend Developer

    Development of a marketplace and internal projects for the company.

    • JavaScript
    • React
    • SSR
    • Redux
    • HTML
    • CSS
    • Less
    • PostCSS
    • Flexbox
    • Grid
    • Animations
    • Fetch
    • Axios
    • VSCode
    • Terminal
    • Git
    • Bitbucket
    • Docker
    • Nginx
    • Grunt
    • Gulp
May 2016 – October 2016, 5 months

franbazar.com

Franchise marketplace

  • HTML/CSS Developer

    Layout development for new projects and mobile applications using WebView. Maintenance of existing projects.

    • JavaScript
    • HTML
    • CSS
    • Less
    • Flexbox
    • Animations
    • Fetch
    • VSCode
    • Terminal
    • Grunt
    • Gulp
February 2014 – May 2016, 2 years 3 months

pixlpark.ru

Web-to-print platform for printing houses

  • HTML/CSS Developer

    Development of a demo website for a printing shop. Assistance to new and regular clients.

    • JavaScript
    • HTML
    • CSS
    • Flexbox
    • Animations
    • Terminal

Projects

Alongside my main job, I build my own open source libraries: React components, styles and theme generators from design tokens.

  • JavaScript
  • React
  • React Hooks
  • Next.js
  • SSR
  • TypeScript
  • HTML
  • CSS
  • Tailwind CSS
  • Flexbox
  • Grid
  • Animations
  • Framer Motion
  • Node.js
  • Rollup
  • Vite
  • Webpack
  • npm
  • VSCode
  • Terminal
  • Git
  • ESLint
  • Prettier
  • Storybook
  • Vercel
  • GitHub
  • GitHub Actions
  • CI/CD

Developer competency matrix

What a competency matrix is
Levels of skill assessment
Developer competency matrix1234

Result

55.1

Fundamentals

3

Internet

3

HTML

3.8

CSS

3.4

JavaScript

3.5

Frameworks

2.3

Application architecture

3.6

Rendering

3

Performance

3.4

Security

2.3

Design systems in code

3.8

Version control systems

3.7

Package managers and monorepo

2.8

Build tools and code quality

3.4

Testing

2

Web API

2.1

Backend and integrations

3

AI in development

3.2