Привет, я Сергей 👋
Middle Frontend-разработчик
SS

Обо мне

Middle Frontend-разработчик со знанием backend (более 6 лет full-time) с глубоким пониманием разработки сложных проектов в продуктовых стартапах e-commerce. Я разработал около 20 коммерческих проектов от идеи до релиза, которыми пользуются сотни тысяч людей, переделал многие проекты из устаревших технологий на новые. Знание JavaScript, TypeScript, React, Redux, CSS и других технологий. Я могу писать e2e (Cypress) и модульные тесты (Jest). Владею backend технологиями: node.js, express. mongodb. Люблю учиться, изучу любую технологию, которая вам нужна.

Видео резюме

Загрузка видео

Опыт работы

M

My Gift Card

Сентябрь 2023 - Настоящее время
Middle Frontend Developer
● Выполнение задач любой сложности на Vue, React, JS, TS, рефакторинг, поддержка работоспособности frontend части всех проектов компании и партнеров компании: интернет-магазины, виджеты, витрины, административные панели, подарочный сертификат.
● Разработал с нуля в короткий срок три большие административные панели, что позволило клиентам компании самим управлять своими товарами и личным кабинетом, раньше это делалось через менеджеров и программистов, решение этой проблемы сэкономило сотни часов сотрудников.
● Разработал новый ui kit, что позволило обновить дизайн компании, сделать продукты визуально приятными.
● Написал автотесты для существующих проектов на cypress.js, что позволило найти ошибки, исправить их, все проекты стали проходить через автотесты и у них в будущем не было ошибок, увеличилась их стабильность.
● Разработал fullstack сервис логирования frontend на react.js, backend на node.js, mongodb. Внедрил во все фронтовые проекты сборку и отправку логов, что позволило видеть и исправлять все фронтовые ошибки заранее.
● Внедрил в продукты компании Искусственный Интеллект, сделал fullstack javascript приложения по генерации через ИИ изображений и текстов поздравления для подарочных сертификатов, что выделило продукт на рынке и увеличило функционал и продажи.
● Сделал ИИ бота который отвечает на сообщения пользователей, это уменьшило нагрузку на центр поддержки и сильно сократило расходы.
● Под заказ от Альфа-Банка сделал обучающую платформу мотивации сотрудников Альфа-Банка, под заказ от компании Belis сделал интернет-магазин с реферальной программой.
D

Digift Gift Cards

Февраль 2020 - Август 2023
Middle Frontend Developer
● Разработал с нуля около 15 сложных проектов SPA (админка, интернет-магазин, виджеты, платежная система, б2б/б2с платформы, iframe-проекты, которые вставляются на партнерский сайт) от идеи до релиза в команде по Scrum. Этими проектами пользуются десятки тысяч людей, они приносят основную выручку.
● Переделал 5 больших старых проектов с устаревших технологий (PHP 5, Vue 1, jQuery) на новые (TypeScript, React, Redux), что сократило время реализации фич и сэкономило тысячи часов разработки.
● Поддерживал все проекты, включая устаревший код, исправлял ошибки, реализовывал фичи, улучшал существующие проекты, регулярно ревьюил и рефакторил код, что позволило увеличить продажи и улучшить репутацию.
● Нес полную ответственность за большинство проектов, участвовал в архитектурной разработке. Многие принципиальные решения были приняты мной, такие как выбор технологий, языка программирования, архитектуры, что позволило использовать новейшие технологии и лучшие практики разработки.
● Внедрял middle сотрудников, набирал людей в команду, проводил технические собеседования, снимал обучающие видеоролики для своей команды и для клиентов компании. Это позволило новым сотрудникам быстро влиться в команду и приносить пользу.
● Провел SEO-оптимизацию наших проектов на React (NextJS, PHP), что позволило им чаще появляться в результатах поиска и привлекать больше клиентов.
● Мною разработано много разных и сложных email писем, реализовано в коде проектов WebSocket, авторизация по токену, я разработал два ui kit, добавил новые сложные и современные анимации для всех проектов, реализовывал стороннюю интеграцию с проектами партнеров.
● Реализовал в проектах фичи, улучшающие взаимодействие с пользователем: автозаполнение электронной почты, маска ввода телефона с флагами стран, обрезка изображений, валидация множества форм, отображение ошибок и подсказок, автоматическая замена данных, локализация проектов.
● Мои проекты имели 85% тестового покрытия (юнит-тестирование Jest, e2e-тестирование Cypress), что позволило уменьшить количество ошибок за счет быстрого их обнаружения, сделать проект стабильным.
● Адаптировал проекты под разные браузеры (Safari, Firefox, Chromium), под разные операционные системы (macOS, Linux, Windows), разные устройства. Решал проблемы, возникающие в каждом конкретном браузере и операционной системе.
F

Foodle

Февраль 2019 - Январь 2020
Frontend Developer
● Разрабатывал проект (React), который отображает рестораны на картах, меню ресторана, позволяет сделать заказ в ресторане (основная бизнес-идея).
● В составе команды я участвовал в разработке архитектуры будущего проекта. Я предложил идеи, которые были реализованы и снизили нагрузку на сервер, увеличили производительность проекта.
● Исправил ошибки на главном сайте, реализовал множество фич, что улучшило репутацию и увеличило количество клиентов, я разрабатывал сайты для наших партнеров-ресторанов.
● Мои проекты имели 50% тестовое покрытие (Jest), что позволило уменьшить количество ошибок за счет быстрого их обнаружения, сделать проект стабильным.
● Провел SEO-оптимизацию наших проектов, что позволило им чаще появляться в результатах поиска и привлекать больше клиентов.
● Внедрил в проекты фичи, улучшающие взаимодействие с пользователем: автозаполнение электронной почты, маска ввода телефона, валидация всех данных, отображение ошибок и подсказок, интеграция ресторанов с картами Google.
Ф

Фриланс

Май 2018 - Январь 2019
Frontend Developer
● Разработал множество веб-сайтов для своих клиентов, что позволило им быть представленными в интернете, продавать услуги, увеличить выручку и продажи, улучшить репутацию.
● Поддерживал сайты своих клиентов, исправлял ошибки и баги, добавлял новые фичи, также поддерживал CMS-платформы: WordPress, Wix, Joomla. Это увеличило продажи и улучшило отношение пользователей к продукту.

Навыки

JavaScript
TypeScript
React
Redux
NextJS
Vue3
Vuex
CSS3
HTML5
Sass
Jest
Cypress
Node.js
Express
MongoDB
Webpack
Vite
Gulp
Docker
REST API
WebSocket
MaterialUI
Vuetify
jQuery
Bootstrap
BEM
Git
OpenAI
Linux
Wordpress
Joomla
Wix
Figma
Zeplin
SEO
UI/UX
Мои проекты

Проекты в MGC полностью сделанные мной от задумки до релиза

Referral belis

Referral belis

Интернет магазин с реферальной системой для Belis.

JavaScript
Vue.js
Alfa bank education

Alfa bank education

Обучающая платформа для Альфа банка.

JavaScript
Vue.js
AI text

AI text

ИИ генерация текстов поздравления для подарочных сертификатов.

TypeScript
Next.js
AI image

AI image

ИИ генерация картинок для подарочных сертификатов.

TypeScript
Next.js
Vendors admin

Vendors admin

Административная панель для поставщиков карт My Gift Card.

TypeScript
React.js
Charts admin

Charts admin

Административная панель для отчетов My Gift Card.

TypeScript
React.js
ai-bot

ai-bot

Чат бот помощник с ИИ.

TypeScript
React.js
Node.js
OpenAI

Проекты в MGC над которыми я работал

Managers admin

Managers admin

Административная панель для менеджеров My Gift Card на 125 страниц.

TypeScript
React.js
Widget shop

Widget shop

B2C-виджет для покупки подарочных карт iframe и мобильная версии.

TypeScript
Next.js
Widget landing

Widget landing

B2C-виджет для покупки подарочных карт landing версия.

TypeScript
Next.js
Certificate show

Certificate show

Отображение подарочного сертификата.

TypeScript
Next.js
Client Admin Panel

Client Admin Panel

Админ-панель под заказ.

TypeScript
Vue.js
MGC Promo Shop

MGC Promo Shop

Интернет-магазин обмена баллов на подарочные карты.

JavaScript
Vue.js

Проекты в Digift полностью сделанные мной от задумки до релиза

Digift B2B widget (iframe)

Digift B2B widget (iframe)

B2B-виджет для корпоративных заказов (iframe).

TypeScript
React.js
Digift B2C widget (iframe)

Digift B2C widget (iframe)

B2C-виджет для покупки подарочных карт (iframe).

JavaScript
React.js
Digift B2C widget (desktop)

Digift B2C widget (desktop)

Десктопная версия B2C-виджета без iframe.

JavaScript
React.js
Digift B2C widget (mobile)

Digift B2C widget (mobile)

Мобильная версия B2C-виджета без iframe.

JavaScript
React.js
Подарочный сертификат

Подарочный сертификат

Подарочный конверт с красивой анимацией.

JavaScript
React.js
Digift Tracking App

Digift Tracking App

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

JavaScript
React.js
Digift B2B Platform

Digift B2B Platform

Платформа для корпоративных партнёров.

JavaScript
React.js
Group Purchase App

Group Purchase App

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

JavaScript
React.js
Group Purchase Tracking

Group Purchase Tracking

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

JavaScript
React.js
Email Templates

Email Templates

Верстка множества сложных email-писем на HTML/CSS.

HTML
CSS
Payment System

Payment System

Платежная система (REST API и WebSocket) для ввода карты и быстрых платежей.

JavaScript
WebSocket
UI-kit

UI-kit

UI-kit для digift.

JavaScript
React.js
Conference Gift App

Conference Gift App

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

JavaScript
React.js
Card Balance Checker

Card Balance Checker

Приложение для проверки баланса по каждой карте.

JavaScript
React.js

Проекты в Digift над которыми я работал

Digift e-shop

Digift e-shop

Интернет-магазин подарочных карт на Vue.js.

JavaScript
Vue.js
Digift Partner Admin Panel

Digift Partner Admin Panel

Админ-панель для партнёров Digift.

JavaScript
React.js
Digift.me exchange shop

Digift.me exchange shop

Обмен подарочных карт.

JavaScript
jQuery
Dynamic instructions

Dynamic instructions

Динамические инструкции как устанавливать виджет под каждого партнера.

JavaScript
React.js

Пет проекты

react-mmorpg-game

react-mmorpg-game

Большая онлайн ММОРПГ на React.js и Node.js с MongoDB: сюжет, прокачка, 12 локаций, 20 квестов, бои, анимации, чат, рейтинг, локализация на 21 язык.

TypeScript
React.js
Node.js
MongoDB
javascript-study

javascript-study

21 язык, PWA, 50 страниц, 300 вопросов по программированию.

TypeScript
Next.js
blog

blog

Блог, 21 язык и несколько тем блога.

TypeScript
Next.js
kit-classical

kit-classical

UI kit react.js в черно белом стиле, много элементов.

TypeScript
React.js
users-list-react

users-list-react

Список пользователей react.js, тесты на jest.

TypeScript
React.js
Jest
ai-pictures-generator

ai-pictures-generator

Генерация изображений искусственным интеллектом, frontend на react.js, backend на node.js.

TypeScript
React.js
Node.js
AI
ai-text-generator

ai-text-generator

Генерация текста искуственным интеллектом, frontend на react.js, backend на node.js.

TypeScript
React.js
Node.js
AI
open-ai-pictures-generation

open-ai-pictures-generation

Запросы для генерации изображений искусственным интеллектом openai.com на react.js.

TypeScript
React.js
OpenAI
logging-service

logging-service

Сервис логирования, сохраняет, показывает логи, frontend на react.js, backend на node.js, mongodb.

TypeScript
React.js
Node.js
MongoDB
Контакт

Связаться со мной