Ведущий инженер Front-End · Webbee GmbH
Август 2020 – Настоящее времяЯ владею архитектурой Frontend и поставкой Butlerapp (менеджер бронирований и CRM) и TaylorDb (конструктор приложений на основе AI). Нижняя временная шкала показывает, как эта работа развивалась.
Butlerapp Booking Form
React 16 · TypeScript · архитектура UX
- Перестроил старые формы бронирования как современное React и TypeScript приложение, которое продолжало общаться с существующими PHP API.
- Спроектировал и отправил корзину событий, которая чисто работала поверх уже имевшихся данных, вместо того, чтобы принудить переписание бэкенда.
SchnellTestButler
React Native · Expo · NativeBase · архитектура UX
- Расширил Butlerapp потоками планирования для высокопроизводительного тестирования COVID, охватывая бронирования, синхронизацию очереди и передачу результатов.
- Построил приложение React Native для полей с QR-регистрацией и доступом к нескольким учетным записям; в пиковый период оно использовалось более чем в 1500 центрах тестирования по всей Германии.
- Выпустил приложение в App Store и Google Play.
Butlerapp Dashboard — миграция React Native
React Native · Expo · NativeBase
- Перенес основанный на классах React Butlerapp Dashboard в гибридное приложение React Native на Expo и NativeBase, и одновременно дал продукту полный UX-рефакторинг.
- Спроектировал и построил систему представлений с нуля, чтобы операторы могли сохранять фильтры, сортировку и макет как переиспользуемые представления, и сделал интерфейс полностью адаптивным.
- Принял Autodesk BaseTable, чтобы дать операторам заметно более быстрый опыт работы с таблицами на больших наборах данных.
- Переделал фильтры в фишки фильтров с моделью ранжирования, которая сначала появляется наиболее используемыми фильтрами.
- Добавил настройку панели управления, чтобы каждый клиент мог адаптировать продукт к своему собственному брендингу.
TaylorDb — конструктор приложений на основе AI
React Native · GraphQL · WebSockets · уровень данных на стороне клиента
- Руководил TaylorDb примерно два с половиной года, пока он развивался от конструктора приложений в Airtable-подобный продукт данных и, в конечном итоге, в конструктор приложений на основе AI.
- Рассматривал клиент как локальную базу данных: все данные продукта поступали через GraphQL на WebSockets вместо REST, поэтому я построил выделенный уровень загрузки данных и систему подписки, которая синхронизировала локальное состояние, навигируя расовыми условиями по мере поступления событий. Локальный кэш позволил людям сразу начать работу, с активными данными, заполняющимися через подписки по мере их поступления.
- Ввел инженеров среднего уровня и наставил их, пока они не смогли действовать как независимые старшие.
- Сравнил доступные библиотеки компонентов React Native в то время, затем спроектировал и построил неоригинальную библиотеку— react-native-molecules (npm)—служить общей основой UI по продуктам.
Butlerapp Dashboard — улучшения и система сетки
React Native · системы виджетов
- Вернулся к Butlerapp Dashboard для основного цикла обновления, включая адаптивный конструктор сетки и набор виджетов, управляемых бэкенда.
- Реализовал самостоятельную ориентацию, чтобы зарегистрированные пользователи могли достичь значения без доверительного установки.
- Ввел младшего разработчика, наставил его в ежедневной доставке и провел тщательные проверки кода, чтобы качество оставалось высоким, пока команда двигалась быстрее.
- В настоящее время работаю над мобильным приложением для этой поверхности продукта.
Butlerapp Booking Form — платформа React 19 и встраивания
React 19 · TypeScript · встраиваемые виджеты · интеграция между сайтами
- Переделал Butlerapp Booking Form вокруг React 19, чтобы кодовая база могла чисто усваивать будущие изменения, и интегрировал форму в Butlerapp Dashboard, чтобы операторы работали в едином непрерывном опыте.
- Форма теперь работает на более чем 200 веб-сайтов и приносит тысячи бронирований каждый месяц. Он может открыться на любой странице, которая загружает скрипты бронирования, а не только на выделенной странице интеграции.
- Создавайте кроссдоменные встраиваемые виджеты, которые находятся вокруг формы — календарь, карточку предложения, аккордеон, таблицу и вход пользователя — чтобы сайты-хосты могли представлять инвентарь в нужной им форме.