Konstantin Ostapuk - Frontend/Full-stack Developer

Навыки

• Express
• Gitlab CI/CD
• JavaScript(ES5+)
• MongoDB
• nodejs
• React
• Redux
• Shadcn
• Tailwind CSS
• TypeScript
• webpack

Опыт работы

OnPhone

Senior Frontend Developer - 05.2023/05.2024

Anyday Apps
📍Minsk

Frontend Engineer

Описание проекта 1:
OnPhone позволяет использовать разные телефонные номера для личных и деловых нужд без дополнительной SIM-карты, а также звонить и отправлять текстовые сообщения по всему миру без дополнительной оплаты. Приложение позволяет вам выбирать пользовательский телефонный номер и совершать телефонные звонки, не отображая свой реальный номер.

Технологический стек:
• React
• Redux
• TypeScript
• NodeJS
• Gitlab CI/CD
• CSS Modules

Достижения:
• Реализовал новые функции, связанные с покупкой новых продуктов в нашем веб-приложении
• Реализовал различные функции пользовательского интерфейса (списки с возможностью поиска, адаптивные карты, селекторы, выпадающие списки, дропдауны с поиском, всплывающие подсказки, копирование QR-кода в буфер, загрузчики скелетоны, модальные окна).
• Интегрировал китайская локаль с использованием интеграции Crowdin и реализовал механизм сбора всех переводов в продукте и отправки новых переводов разработчикам и внешними сотрудниками компании на продакшен с использованием скриптов NodeJS + конфигурации Gitlab CI/CD. Переводы доставляются без изменения программного кода, а через интерфейс Crowdin или же через мерж реквесты от разработчиков.
• Участвовал в ежедневных совещаниях, анализировал юзер стори, выявлял и устранял пробелы в историях, выяснял пользовательские и бизнес проблемы.

Описание проекта 2:
Основной целью было создание веб-сайта для обмена криптовалютами с нуля. Первоочередными требованиями было предоставить пользователям возможность торговать как криптовалютами, так и фиатными деньгами, пополнять свои кошельки и выводить средства. Нам также необходимо было обеспечить обновление данных в режиме реального времени и настройку интерфейса.

Технологический стек:
• Vue 3
• Nuxt 3
• Tailwind CSS
• Directus
• SSR, SSE, REST API

Достижения:
• Реализовал обмен криптовалюты на Bitcoin, Ethereum, USDT
• Реализовал CRUD-приложение
• Реализовал модуль для создания заявок на обмены
• Реализовал запросы, которые выполняются на сервере (SSR)
• Реализовал компоненты обмена цифровой валюты в соответствии с веб-дизайном
• Создал веб-страницы, доступные без авторизации
• Реализовал личный кабинет пользователя
• Реализовал обработку статуса оплаты в реальном времени
• Добавлена возможность настройки внешнего вида криптовалютной биржи
• Протестировал веб-сайт и исправял баги и ошибки

Описание проекта 3:
Клиент, базирующийся в Гонконге, является технологическим стартапом, работающим в сфере онлайн-ритейла. У компании есть флагманский продукт — настраиваемый чат-бот с поддержкой искусственного интеллекта, который может быть интегрирован в веб-сайты и приложения для электронной коммерции.

Технологический стек:
• NodeJS
• Puppeteer
• React
• Redux
• TypeScript
• MongoDB

Достижения:
• Реализовал Puppeteer scraper для сбора данных с более чем 1000 веб-страниц
• Реализовал серверную часть MongoDB + NodeJS
• Реализовал интерфейсную часть React-приложения, такого как магазин электронной коммерции для Telegram-бота
• Участвовал в ежедневных совещаниях, описывал и распределял задачи, управлял временем, прорабатывал бизнес-идеи.

iTechArt Group

Senior Frontend Developer - 02.2021/02.2023

Описание проекта:
Verfacto back-office дочерний продукт Monetha для сбора и визуализации информации о поведении пользователей в интернет-магазинах. Наши клиенты устанавливают модули отслеживания в своих интернет-магазинах. Мы собираем данные о клиентах/посетителях и показываем, что превращает ваших посетителей в покупателей и каковы их поведенческие модели.
Конечная цель Verfacto, продвинутой платформы для анализа клиентского опыта, состоит в том, чтобы заставить аналитику данных работать на пользователя, а не наоборот. Предлагая гораздо больше, чем просто графики, компания помогает компаниям разрабатывать выигрышную маркетинговую стратегию с помощью ежедневных отчетов, профилирования клиентов в режиме реального времени и прогнозирования поведения с помощью искусственного интеллекта.

Технологический стек:
• React
• Redux
• Redux-Saga
• TypeScript
• NodeJS
• Chartjs
• Formik

Достижения:
• Участвовал в ежедневных совещаниях, анализировал истории пользователей, выявлял и устранял пробелы в пользовательских историях/бизнес-требованиях
• Проводил презентации внедренных функций, компонентов и интеграций
• Выполнял планирование новых спринтов и проявлял инициативу по оценке задач и новых функций, улучшений UI/UX.
• Создал логику, которая показывает, как ваши посетители превращаются в клиентов, и каковы их поведенческие модели
• Создал страницу интеграции с настройками рекламы Facebook и Google.
• Реализован RFM (недавний, частотный, денежный) анализ в виде визуальной таблицы с тенденциями и показателями
• Реализовал когортный анализ в виде цветной таблицы
• Реализовал виджеты Insights для выделения различных компонентов и информации о том, как маркетологи могут улучшить продажи и производительность
• Реализовал компонент, отображающий путешествие(путь) клиентов/посетителей, основанный на данных, которые были собраны из интернет-магазинов клиентов и возвращены в бэк-офис, а затем преобразованы в визуальный компонент как визуальное путешествие (путь/родмап юзера по сайту).
• Переработал логику входа в систему, потоков регистрации и автоматического извлечения данных для существующих интеграций, таких как Shopify, Magento, WooCommerce и т.д
• Переработал весь дизайн нашего продукта в соответствии с системой проектирования в Figma (все виджеты на главной панели мониторинга, диаграммы, сетки, таблицы, списки, панель навигации, расширяемые разделы, панели с инструментами и модальные окна)
• Реализовал различные виджеты, такие как (Лучшие рефералы, удержания пользователей, просмотры по страницам, самые продаваемые продукты, конверсия по устройствам).
• Разработал логику создания новых воронок для отслеживания поведения и сбора данных о посетителях
• Разработал скрипты отслеживания на JavaScript в качестве модуля отслеживания клиентов
• Переработал и реорганизовал исходный код, чтобы обеспечить лучшую масштабируемость, удобство сопровождения и читаемость кода
• Разрабатывал мощные повторно используемые компоненты на Typescript
• Работал в команде из более чем 8 человек.
• Проводил ревью кода
• Тестировал компоненты и сообщал об ошибках в отдел QA

Automated Dreams

Senior Frontend Developer - 03.2020/03.2021

Описание проекта 1:
Проект представляет собой интернет-магазин, интегрированный с веб-приложением, которое собирает информацию из Facebook и ботом Telegram для предоставления информационной панели, связанной с пользователем. В проекте есть клиентский модуль Shopify на стороне интерфейса, а также пользовательские компоненты React и чат-боты для Facebook и Telegram.

Технологический стек:
• React
• Redux
• NodeJS
• TypeScript
• JavaScript (ES 5-8)
• HTML
• CSS
• PHP
• Shopify

Инструменты:
• Botpress
• IBM Watson Assistant
• ManyChat
• Zapier
• Postman

Достижения:
• Разработал новые удобные для пользователя функции с использованием JavaScript, React, Redux.
• Переработал пользовательский интерфейс приложения, чтобы он лучше выглядел на разных устройствах.
• Разработал повторно используемые компоненты, которые можно использовать в различных пользовательских интерфейсах.
• Разрабатывал, поддерживал и отслеживал показатели, которые помогают оценивать активность пользователей в продукте и на любых страницах.

Описание проекта 2:
Обучающая игра по кибербезопасности. Проект для Гонконгской компании по предоставлению пользовательского интерфейса в виде игры для обучения сотрудников темам кибербезопасности. Игра позволяет коллегам вместе выполнять задания, чтобы получить образовательные уровни. В проекте использовались компоненты React, Typescript и функционал бота Telegram.

Технологический стек:
• React
• Redux
• NodeJS
• TypeScript
• Botpress
• Watson Assistant

Достижения:
• Участвовал в ежедневных встречах, анализировал юзер стори, выявлял и устранял пробелы в пользовательских/бизнес-требованиях.
• Применил новейшие наиболее полезные подходы и инструменты внешнего интерфейса для обеспечения максимальной производительности приложений.
• Переработал и реорганизовал исходный код для обеспечения лучшей масштабируемости, удобства сопровождения и читабельности кода.
• Разработал повторно используемые компоненты в React + TypeScript.
• Создал бэк-офис для бота Telegram.
• Разработал множество компонентов с разным состоянием.

Scand

03.2018/03.2020 - Full-stack Developer

Описание проекта:
PLM (Product Lifecycle Management) — это система, позволяющая пользователям руководить проектами, разделяя их на части, возглавляемые отдельными выделенными командами. Он позволяет отслеживать жизненный цикл проекта, а также предоставляет различные роли пользователей и 3D-модели проектов. Продукт насчитывает более 150 тысяч активных пользователей, используется
крупными компаниями Microsoft, Airbus, Boeing, BMW и т. д.
Этот высоконагруженный продукт существует c 2001 года. Процессы в команде были построены по Scrum и SAFe 4.5

Технологический стек:
• JavaScript (ES 5-8)
• NodeJS
• Inferno
• Babel
• Rollup

Тестирование:
• Mocha
• Chai
• Sinon
• Puppeteer
• Storybook

Достижения:
• Разработал новые удобные функции с использованием JavaScript, Inferno, Less, BEM
• Реализовал архитектурное решения, такую как автоматизированные тесты компонентов с использованием Storybook, Puppeteer
• Переработал пользовательский интерфейс приложения, чтобы обеспечить лучший внешний вид на разных устройствах
• Разработал нативные повторно используемые компоненты, которые могут быть использованы в пользовательских интерфейсах без использования фреймворков
• Участвовал во встречах проектной команды и эффективно общался с архитекторами, менеджерами проектов, специалистами по контролю качества и другими специалистами в области технологий
• Создавал и выполнял модульные тесты и вносил свой вклад в автоматизацию тестирования
• Разрабатывал, поддерживал и отслеживал показатели, которые помогают оценить уровень тестового покрытия продукта
• Помогал в написании и создании технической документации в
соответствии с требованиями клиента
• Улучшил доступность приложения для пользователей с ограниченными возможностями
• Создал основные компоненты пользовательского интерфейса
• Создан Storybook для тестирования компонентов
• Переработал стратегию проверки кода с помощью автоматических тестов
• Переработал наследование компонентов пользовательского интерфейса

1A+

Full-stack Developer - 01.2016/02/.2018

Описание проекта:
Бэк-офисное приложение для 1A+ — это высокоскоростные веб-страницы с адаптивным дизайном и пользовательской анимацией на JavaScript, выполненные в виде гибкой визитной карточки строительной компании. В проекте была решена задача презентации компании на рынке строительного бизнеса и оптимизирован шаблон для любых устройств.

Технологический стек:
• JavaScript (ES 5-8)
• jQuery
• HTML
• CSS
• BEM
• SASS
• Adobe XD

Достижения:
• Разработал функции анимации с использованием JavaScript
• Создал повторно используемый код и библиотеку для использования в будущем
• Разработал пользовательский интерфейс и добавлены элементы из макетов Adobe XD
• Оптимизировал приложение для максимальной скорости и масштабируемости с использованием инструментов разработки Google Chrome, Google PageSpeed Insights и инструментов для сжатия изображений
• Участвовал в ежедневных совещаниях, анализировал юзер стори, выявлял и устранял пробелы в бизнес-требованиях

Образование

инженер-программист-экономист

ПолесГУ

2014/2018

Обо мне