Михаил Алабугин — frontend-разработчик (React, Next.js, TypeScript)

Превращаю сложные задачи в элегантный код

Привет! Я Михаил, frontend-разработчик с фокусом на создании высокопроизводительных веб-приложений на React и Next.js. Мой подход базируется на архитектурной чистоте и удобстве для конечного пользователя.

В данный момент специализируюсь на экосистеме React/Next.js и методологии Feature-Sliced Design, что позволяет мне строить масштабируемые проекты, которые легко поддерживать.

TypeScriptNext.jsReactNode.jsFSDSass/SCSS
6+Лет опыта
30+Проектов

Мой Стек

Frontend Development

HTML5CSS3SCSS/SASSBootstrapTailwindCSSCSS ModulesStyled ComponentsResponsive DesignUI/UX DesignAnt-DesignChakra UIMUIMantine

JavaScript & Backend

JavaScript (ES6+)TypeScriptNodeJSReactNextJSAxiosMongoDBReact RouterAJAXExpress.jsNestJSJWTSocket.ioReact QueryReact Hook Form

Tools & DevOps

GitGitHubReduxDockerRedux ToolkitWebpackViteCypressJestCloudflareVercelPostmanESLintPrettierSwaggerJiraGitHub Actions

Проекты

Intro Component with Sign-up Form

Адаптивная страница с формой регистрации и валидацией (обязательные поля + проверка e‑mail с понятными сообщениями об ошибках). Сделано на React + TypeScript (Vite), деплой — Vercel или Docker/Nginx.

ReactTypeScriptViteCSS ModulesFlexboxESLintPrettierStylelintHuskyDockerNginxKubernetesJenkinsVercel

Base Apparel Coming Soon Page

Целевая страница с асимметричным дизайном и фоновыми изображениями. Включает форму подписки с мгновенной валидацией email и кастомными иконками уведомления об ошибках. Построена на React, TypeScript и Vite.

ReactTypeScriptViteCSS ModulesFlexboxForm ValidationDockerKubernetes

Huddle Landing Page

Лендинг с акцентом на типографику и работу с графическим контентом. Реализована сложная фоновая композиция и адаптивное распределение пространства между иллюстрацией и текстовым блоком.

ReactCSS GridFlexboxCustom PropertiesVercel

Recipe Page

Чистая и структурированная страница рецепта с акцентом на контент. Отработаны навыки семантической верстки сложных списков, стилизации таблиц пищевой ценности и адаптивной типографики для удобного чтения с любого устройства.

HTML5CSS Custom PropertiesMobile-firstSemantic Markup

Four Card Feature Section

Многоколонный блок преимуществ со сложной сеткой. Реализована кастомная раскладка карточек с использованием CSS Grid, где каждый элемент имеет уникальное позиционирование и акцентные цветовые границы.

ReactCSS GridBEMResponsive DesignVercel

SaaS Landing Page

Профессиональный лендинг для SaaS-сервиса, реализованный точно по макету из Figma. Фокус на Pixel Perfect верстке, семантике и адаптивности под разные разрешения мониторов.

HTML5CSS3FigmaPixel PerfectResponsive Design