Дизайнер и фронтенд разработчик. Проектирую интерфейсы, которые могу сделать сам. Программирую то что запроектировал.

Тимлид фронтенд разработки

Огранизация работы команды фронтенд разработки. Разработка и поддержка проекта для агрохолдинга.

• —Делал операционные задачи. Создание, постановка и приоритизация задач команды фронтенд разработки.
• —Проводил ревью и деплой задач команды.
• —Принимал решения по архитектуре и стеку технологий на проектах.
• —Создал CMS и сайта для агрохолдинга.
• —Реализовал миграцию проект CMS с Next 14 Pages Router на Next 15 App Router. Так же с Redux на Zustand. Внедрил SSR, использование ”use client” и получение данных на сервере.
• —Доработал линтер на проекте CMS. Внедрил prettier и автоматизацию code style. Внедрил пакеты для совместной работы simple-git-hooks, lint-staged и commitlint.
• —Проектировал работу интерфейса CMS без дизайна с учетом библиотек компонентов. Помогал в проектировании команде.
• —Доработал критически важные модули (авторизация и тд.) и запустил проекта CMS.
• —Создал с нуля проект сайта для агрохолдинга с учетом новых для команды технологий.
• —Внедрил Tailwind для верстки и Framer Motion для анимированных блоков для сайта агрохолдинга.
• —Создал базу компонентов для сайта агрохолдинга.
• —Внедрил принцип PixelPerfect для сайта агрохолдинга.

• JavaScript
• React
• React Hooks
• Redux
• Zustand
• Next
• SSR
• TypeScript
• Axios
• Jest
• HTML
• CSS
• SCSS
• TailwindCSS
• Flexbox
• Grid
• Animations
• Framer Motion
• NodeJS
• EsLint
• Prettier
• Npm
• Webpack
• VSCode
• Terminal
• Git
• Docker
• Nginx

Дизайнер

Поддержка внутренних и клиентских проектов.

• —Проводил ревью дизайна от подрядчиков.
• —Дорабатывал дизайна внутри команды в процессе разработки.

• Figma

Фронтенд разработчик

Разработка и поддержка своих npm пакетов и проектов.

• —Создал и опубликовал npm пакет Tailwind Dictionary для преобразования дизайн-токенов в Tailwind тему.
• —Создал и опубликовал npm пакет Mixin Dictionary для преобразования дизайн-токенов в Less или SCSS миксины.
• —Доработал и опубликовал npm пакет pbstyles, библиотека стилей для быстрого прототипирования.
• —Создал и опубликовал npm пакет pbcomponents, библиотека компонентов для быстрого прототипирования.

• JavaScript
• React
• React Hooks
• Next
• SSR
• TypeScript
• HTML
• CSS
• TailwindCSS
• Flexbox
• Grid
• Animations
• Framer Motion
• NodeJS
• Rollup
• Vite
• Webpack
• Npm
• VSCode
• Terminal
• Git
• EsLint
• Prettier
• Storybook
• Vercel
• GitHub
• GitHub Actions
• CI/CD

Дизайнер

Разработка и поддержка своих проектов.

• —Доработал библиотеку стилей pbstyles, создал презентацию и опубликовал в Figma Community и Behance.
• —Доработал библиотеку компонентов pbcomponents, создал презентацию и опубликовал в Figma Community и Behance.

• Figma
• Notion

Фронтенд разработчик

Разработка и поддержка проектов.

• —Участвовал в разработке 9 клиентских проектов.
• —Создавал PixelPerfect страницы и блоки для сайтов по готовому дизайну с управлением контентом через Headless CMS.
• —Создавал интерактивные блоки с анимацией и логикой интеграцией с другими сервисами.
• —Развивал компонентную базу проектов.
• —Активно использовал SSR, ”use client” и получение данных на сервере.
• —Оптимизация работы и загрузки новых и уже существующих страниц и модулей проектов.
• —Проводил ревью задач других разработчиков. Следил за уровнем доступности, качества и seo анализом на проектах.
• —Создавал и поддерживал работу мультиязычности проектов.

• JavaScript
• React
• React Hooks
• Next
• SSR
• Gatsby
• TypeScript
• GraphQL
• Fetch
• HTML
• CSS
• TailwindCSS
• 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

Фронтенд разработчик

Доработка клиентской части для запуска проекта. Поддержка работы и рефакторинг проекта.

• —Исправил критические баги после бета-теста проекта.
• —Доработал основные модули для полноценного запуска проекта: авторизация, заказ, тарифы и тд.
• —Занимался рефакторингом и развитием компонентной базы проекта.
• —Создал информационные страниц проекта.
• —Создал и поддерживал работу мультиязычности проекта.
• —Реализовал миграцию проекта с Quasar на Nuxt и сделал редизайн проекта.

• JavaScript
• Vue
• Vuex
• Quasar
• SSR
• TypeScript
• HTML
• CSS
• Flexbox
• Grid
• Animations
• Webpack
• EsLint
• Prettier
• Fetch
• Axios
• VSCode
• Terminal
• Git
• GitHub
• GitHub Actions

Дизайнер

Поддержка проекта.

• —Делал прототипирование новых страниц и блоков проекта.
• —Сделал полный редизайн проекта, как дорожная карта для будущего развития после запуска проекта, с сохранением функциональности.

• Figma

Фронтенд разработчик

Разработка интерфейса продукта.

• —Участвовал в разработке и поддержке продукта.
• —Занимался рефакторингом и развитием компонентной базы проекта.
• —Создал отдельный большой модуль по аналитике данных продовцов из данных получаемых по API из маркетплейсов.
• —Поддерживал работу мультиязычности проекта.

• JavaScript
• React
• React Hooks
• Next
• SSR
• jotai
• TypeScript
• HTML
• CSS
• TailwindCSS
• Flexbox
• Grid
• Animations
• Webpack
• EsLint
• Prettier
• Fetch
• VSCode
• Terminal
• Git
• GitHub

Дизайнер

Поддержка и развитие доменного направления и других частей сервиса. Проектирование внутренних проектов.

• —Создал внутренний проект для HR и сотрудников компании.
• —Участвовал как дизайнер в команде развития доменного направления.
• —Развивал дизайн-систему компании в команде дизайнеров.
• —Участвовал в рабочей группе по внедрению дизайн-токенов и единой библиотеки компонентов.

• Figma
• Miro
• Notion

Фронтенд разработчик

Поддержка и развитие доменного направления и других частей сервиса. Разработка внутренних проектов.

• —Участвовал как старший разработчик в команде по созданию внутреннего проекта для HR и сотрудников компании.
• —Проводил ревью и довел внутренний проект до релиза.
• —Участвовал как разработчик в команде развития доменного направления.

• JavaScript
• Vue
• SSR
• Vuex
• GraphQL
• TypeScript
• HTML
• CSS
• Less
• Flexbox
• Grid
• Animations
• Webpack
• EsLint
• Prettier
• Fetch
• VSCode
• Terminal
• Git
• GitLab
• Docker
• Nginx

Дизайнер

Проектирование торговой площадки и внутренних проектов компании.

• Figma
• Adobe Photoshop

Фронтенд разработчик

Разработка торговой площадки и внутренних проектов компании.

• JavaScript
• React
• SSR
• Redux
• HTML
• CSS
• Less
• PostCSS
• Flexbox
• Grid
• Animations
• Fetch
• Axios
• VSCode
• Terminal
• Git
• Bitbucket
• Docker
• Nginx
• Grunt
• Gulp

Верстальщик

Верстка новых проектов и мобильных приложений на WebView. Поддержка существующих проектов.

• JavaScript
• HTML
• CSS
• Less
• Flexbox
• Animations
• Fetch
• VSCode
• Terminal
• Grunt
• Gulp

Дизайнер

Проектирование новых проектов. Поддержка существующих проектов.

• Figma
• Adobe Photoshop
• Adobe Illustrator

Дизайнер

Проектирование демонстрационного сайта магазина полиграфии.

• Adobe Photoshop
• Adobe Illustrator

Верстальщик

Разработка демонстрационного сайта магазина полиграфии. Помощь новым и постоянным клиентам.

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

Дизайнер

Верстка книг, газет и журналов. Графический дизайн. Рекламная полиграфия.

• Adobe Photoshop
• Adobe Illustrator
• Adobe InDesign