Mikhail Tyrsyna

Polecat

Сайт агентства для международного рынка.

Принимал участие в этом проекте как тех. лид и руководил командой из 4 Фронтенд-разработчиков.

Помимо того, что я руководил фронтенд-разработкой, я также придумал решение с использованием Pixi.js, которое помогло запускать такой тяжелый проект на мобильных уст-вах. Мною был написан небольшой конвертер из Lottie в PNG (GitHub), после эти PNG можно было использовать для Animated Spritesheet, что дало более оптимизированный вариант, который выигрывал у Lottie в несколько раз.

Зона ответственности

• Выбор стека, архитектуры, настройка Docker, Docker compose, Github Actions, Prettier, ESLint.
  
• Code review.
• Помощь и менторство.
• Непосредственное участие в разработке.

Цель проекта: Создать креативный проект и получить Site Of The Day на Awwwards.

Сложность проекта: Большое кол-во анимированной графики (120+ анимаций на Lottie) с плавной работой как на десктопе, так и на мобильных уст-вах.

Команда: 4 Фронтенд-разработчика, 1 Бэкенд-разработчик, 1 DevOps, 2 Дизайнера, 1 иллюстратор, 1 аниматор, 2 QA-тестировщика.

Стек: TypeScript, React, Next.js, Go, Lottie, Pixi.js, GSAP, Docker, Github Actions.

Итог: Результат был достигнут, проект взял SOTD, а также выиграл и другие премии, как например WDA 2025: Лучший сайт на иностранном языке.

КОД9

Сайт агентства для внутреннего рынка.

Принимал участие в этом проекте как тех. лид и руководил командой из 3 Фронтенд-разработчиков.

Мной был придуман план, исходя из которого дизайнеры на этапе проектирования новой страницы всегда переиспользовали ранее добавленные «Блоки» из специального блочного UI-кита. 

Я заранее выбрал Headless CMS Strapi, в котором из коробки был Backend Driven UI подход, что позволяло нам наполнять базу компонентов исходя из блоков, которые мы имели в figma.

После этого команде фронтенда необходимо было только реализовать тот или иной блок, для этого нам хорошо подошла архитектура FSD, где каждый блок был разбит на слайсы и сегменты.

Такой подход мы назвали «конструктор», и по факту у нас была 1 фича с хорошо декомпозированными компонентами (30 компонентов = 30 блоков в figma), которую QA команде было легко тестировать, а контент-менеджеру легко и быстро добавлять новый контент исходя из макета в figma.

Зона ответственности

• Выбор стека, архитектуры, настройка Docker, Docker compose, Github Actions, Prettier, ESLint.
  
• Code review.
• Помощь и менторство.
• Непосредственное участие в разработке.

Цель проекта: Создать современный сайт, в котором любой человек смог бы собрать сложную страницу из Figma без технических знаний.

Команда: 3 Фронтенд-разработчика, 1 DevOps, 2 Дизайнера, 2 QA-тестировщика, 1 Проект-менеджер.

Стек: TypeScript, React, Remix, Strapi, PostgreSQL, S3, Docker, Github Actions.

Итог: Все цели были выполнены, сайт в продакшене, контент-менеджеры счастливы.

SOL-X

Цифровизация и автоматизация рабочих процессов на судах: управление документами, система безопасности и контроль рисков.

Это высоконагруженный проект с распределенной командой из нескольких стран.

• Занимался разработкой и поддержкой функционала PWA-приложения для планшетов.
• Занимался улучшением кастомного CLI генератора конфигураций.
• Разработал систему комментариев со сложной интеграцией с кастомным CLI
• Разработал раздел для передачи сообщений между устройствами через MQTT.
• Занимался разработкой и поддержкой функционала SPA-приложения для аналитики и управления суднами.
• Разработал раздел с аналитикой по слежению за высоким пульсом у матросов.
• Участвовал в разработке раздела с аналитикой по слежению за уровнем тепла в определенных местах на судне и какое влияние они оказали на матросов.
• Разработал раздел с редактированием судна.
• Занимался написанием интеграционных и unit-тестов.
• Занимался написанием E2E тестов.
• Участвовал в переезде со старого ui-кита на Ant Design.
• Участвовал в переезде всех проектов с Webpack на Vite и занимался обновлением старых библиотек на более современные, с последующим рефакторингом. 
• Участвовал в переезде с Circle CI на Github Actions.
• Тесно общался с командой дизайнеров, давал различные советы по решению определенных проблем, связанных с UX/UI по обоим из проектов.
• Был куратором новых разработчиков в Российском подразделении.
• Участвовал в code review и помогал другим разработчикам.
  

Стек: TypeScript, React, Redux, GraphQL, WebSockets, Cube.js, Service Workers, Dexie.js, BDUI, Styled-components, Ant Design, Storybook, Jest, RTL, e2e, Docker, CircleCI, Github Actions.

Команда: 8 Фронтенд-разработчиков, 4 Фуллстек-разработчиков, 5 Бэкенд-разработчиков, 5 QA-тестировщиков, 3 Проект-менеджера.

Участвовал в развитии 4 проектов (Octopus, InfiMonitor, IW Academy, IW Partners), в основном задачи на проектирование архитектуры и разработка новых фич. Участвовал в найме новых разработчиков, был ментором и проводил доклады.

InfiMonitor

Система мониторинга и управления беспроводной сетью.

• Разработал большую часть секции с Настройками.
• Полностью переделал вью и логику в карточке устройства.
• Внедрил визуализацию показателей с D3.js, упростив технический анализ и диагностику.
• Спроектировал и разработал Wizard, который упростил разворачивание проекта.
• Занимался доработками кастомного кодогенератора, что упростило работу с моделями.
• Настроил более строгое типизирование TypeScript, что позволило сократить количество багов.
• Занимался написанием unit-тестов.
• Участвовал в code review и помогал коллегам.

Стек: TypeScript, React, MobX, DI via Inversify, MVVM, gRPC, i18n, D3.js, Storybook, Jest, Enzyme, ts-mockito.

Команда: 6 Фронтенд-разработчиков, 5 Бэкенд-разработчиков, 2 Проект-менеджера, 1 Дизайнер. 

Партнерский Портал Инфинет

В этом проекте я принимал участие как тех. лид.

• С нуля построил архитектуру проекта, выбрал стек и настроил репозиторий и проект с использованием Docker, Gitlab Pipelines, ESLint и Prettier.
• Занимался декомпозицией задач в jira на сторипоинты и эпики.
• Принимал участие в разработке: от ui-кита до сложных компонентов, покрывал их unit-тестами.
• Участвовал в code review.
  
• Был ментором у коллеги помладше.

В итоге проект был успешно выполнен за 4 недели и запущен в продакшн.

Стек: TypeScript, React, NestJS, i18n, GraphQL, MongoDB, Jest, RTL.

Команда: 2 Фронтенд-разработчика, 1 Бэкенд-разработчик, 1 Проект-менеджер, 1 Дизайнер.

IW Academy

Сайт Академия Инфинет - энциклопедия по устройствам компании и помощь в обучении при их использовании.

• Занимался разработкой новый страниц на сайте, в том числе написанием серверной части на ASP.NET MVC.
• Занимался разработкой админской части приложения, где переводил старые неактуальные компоненты на Ant Design.
• Разработал интерфейс тестирования инженеров через LMS SCORM.
• Разработал автоматическую генерацию сертификата в PDF и отправкой на эл. почту инженеру в случае успешного прохождения тестирования.
• Настроил админскую часть так, чтобы было детально видно, как отвечал инженер на тот или иной вопрос, сколько затратил времени и т.п.
• Занимался code review и помогал в онбординге новых разработчиков.

Стек: JavaScript, React, ASP.NET MVC.

Команда: 3 Разработчика, 1 Дизайнер, 1 Проект-менеджер.

Octopus

SPA веб-интерфейса устройств.

• Занимался разработкой и поддержкой страниц с настройками.
• Занимался разработкой страниц с метриками и графиками.

Стек: TypeScript, React, MobX, IoC/DI via Inversify, MVVM, i18n, Chart.js

Команда: 4 Фронтенд-разработчика, 3 Бэкенд-разработчика, 1 Дизайнер, 1 Проект-менеджер.

• Разработал более 25 веб-сайтов и интернет-магазинов «под ключ». Все созданные мной проекты отличались высокой производительностью, что способствовало улучшению работы SEO-специалистов и повышению UX для пользователей.
• Разработал внутреннюю CRM и клиентский кабинет, автоматизировав сбор данных и отчётность, что в итоге позволило SEO-специалистам практически не тратить время на отчеты.
• Внес небольшой вклад в развитие ру сообщества MODX разработкой готовых решений в виде плагинов, которые доступны в специальных магазинах.

Стек: 

Сайты: PHP, JavaScript, HTML, LESS, и MODX CMS.

Внутренняя CRM: PHP, React, Redux.

Клиентский кабинет: PHP, Angular, RxJS, NgRx.

Команда: 3 Веб-разработчика, 2 SEO-специалиста, 1 Менеджер проекта

• Разрабатывал веб-сайты и интернет-магазины «под ключ»: от сбора требований до запуска и поддержки.
• Самостоятельно администрировал хостинг и деплой, консультировал клиентов по техническим вопросам.