Специалисты

Новый функционал сайта

Ключевая бизнес-задача проекта - создание новых страниц сайта с использованием кастомизированного пользовательского контента, который позволит расширить информативность используемого пользовательского интерфейса. Подготовлены соответствующие блоки для редактирования и наполнения информации пользователем в режиме администратора. Параллельно проводилась поддержка уже существующего функционала по доработке и расширению функционала, а также исправлению возникающих ошибок в работоспособности сайта. Дополнительно проведена оптимизация скорости загрузки страниц и контента. Что было сделано Проведен рефакторинг компонентной системы, используемой на проекте, внесены правки в существующие компоненты, добавлены новые секции и т. д. Произведена переработка существующих пользовательских страниц, добавлены новые блоки, страницы секции и разделы. Создан функциональный редактор страниц на основе tinaCMS, который позволяет видеть внешний вид страницы в режиме редактирования. Внутренняя структура проекта разработана с учетом кроссплатформенности проекта. Подготовлены адаптивные расширения для компьютеров, ноутбуков, планшетов и смартфонов с большим количеством разрешений. Создана собственная UI-система, в рамках которой пользователь может поднять положение сайта в поисковой выдаче и повысить конверсию.

Typescript / Next.js / TinaCMS / Jodit Editor / Storybook / DynamoDB Интеграции: AWS S3 / Google Ads

Октябрь 2018 – по настоящее время месяцев

Сайт по аренде строительной техники

Здесь клиенты могут узнать технические характеристики техники, проверить наличие и цены для выбранных дат и регионов, и совершить заказ, а также получить поддержку в живом чате. Одновременно сайт является визитной карточкой компании, на нем можно найти юридическую информацию, сведения об инициативах компании и условиях работы в ней, формы обратной связи.Также существует второй сервис - для управления арендодателем своей техникой. Здесь менеджеры могут редактировать техническую информацию о машинах, отслеживать статусы заказов и регулировать ценообразование, а также получать исчерпывающую информацию о текущем состоянии техники: местоположение, телеметрические данные, текущий водитель и т.д. Что было сделано - Инициализация, настройка библиотеки компонентов пользовательского интерфейса со сторибуком для внутреннего пользования. - Настройка Bitbucket репозитория (в том числе автоматической публикации на npm registry) и билда сторибрука на Heroku. Документация для работы с этой библиотекой. - Частично реализован новый раздел сервиса менеджмента, для чего проведена комплексная работа: Обновление схемы базы данных, логики и API на бэкенде; - Создание новых компонентов пользовательского интерфейса (в том числе глубокая кастомизация Material-UI компонентов). - Реализация дизайна на фронтенде, логика взаимодействия компонентов с данными: Infinity Scroll List с поиском и inline-editing полей. Вся работа проведена с оптимизацией под большие объемы данных. - Также исправлена логика некоторых старых элементов и сверстаны несколько статических страниц-лендингов в соответствие с дизайном.

JavaScript / TypeScript / React.js / Next.js / Apollo / Material-UI / Storybook / Node.js / Nest.js / GraphQL / TypeORM / PostgreSQL / Docker. Интеграции: Heroku / Google Maps

Октябрь 2018 – по настоящее время месяцев

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

Сайт позволяет проследить финансы, управление, прогресс сбыта, производства, строительства любой недвижимости: квартир, ком.помещений, машиномест, кладовых, а также их класс, количество, квадратные места, цену. Можно выбрать следующие фильтры: выбрать нужный регион, проект, объект, период, класс. Верхнее меню с фильтрами на некоторых вкладках позволяет выбрать единицы измерения для вывода данных - количеством (шт), площадью (м2) или в денежном эквиваленте (млн). Помимо верхнего меню с фильтрами также организован сайдбар, который также позволяет выбрать, что именно выводить: ассортимент, сравнение с остатками, классы, статусы, продажи, факт продажи. Что было сделано Основной функционал сайта был уже готов. Наша задача заключалась в создании системы контрольных мониторов, а именно - страницы «Управление ассортиментом» во вкладке «Сбыт». Страница предполагала собой три вкладки - Остатки, Динамика, Продажи. Каждую вкладку нужно было сверстать с нуля на классовых компонентах с помощью React. Каждая включала в себя: верхнее меню с фильтрами, таблицы с данными, приходящими с сервера, и сайдбар с фильтрацией по строкам таблиц. Также использовались компоненты из библиотеки Material-UI (например, DatePicker, Select). Для работы на стороне сервера использовался NodeJS с фреймворком NestJS. Взаимодействие фронтенд и бекенд было организовано с помощью Redux и Redux-Saga.

Javascript / React.js / Redux / Redux-Saga / Typescript / Material-UI / Node.js / Nest.js

Октябрь 2018 – по настоящее время месяцев

Приложение для продажи сим-карт

Каждый продавец регистрируется в приложении (указывая свои данные, загружая фотографию, и подтверждая свою личность подписью), и далее может совершать продажу сим-карт. Что было сделано На проекте были выполнены разные по сложности задачи. Мы занимались версткой экранов приложения для разных сценариев. Создавали взаимодействие с сервисом Dadata, сложность которого заключалась в том, что имеющаяся библиотека не соответствовала требованиям проекта и пришлось ответвить ее и поддерживать далее самостоятельно. Работали с добавлением, редактированием и удалением фотографии в анкете продавца (и дальнейшей аватаркой в личном кабинете). Также в приложении осуществлен первичный вход по номеру телефону и кодом подтверждения. Код приходит из смс на указанный номер телефона, для удобства пользователя осуществляется автоподстановка полученного кода из смс в поле ввода. Дальнейший вход в приложение осуществляется как с помощью пин-кода, пароля, так и с помощью биометрии (в зависимости от системных настроек устройства: FaceID или Touch ID).

JavaScript / React Native / TypeScript / Redux / Redux-thunk. Интеграции: Regula / Dadata

Октябрь 2018 – по настоящее время месяцев

Сервис управления услугами

Система для автоматизации и упрощения процесса управления услугами сервисного обслуживания “в поле”. Позволяет формировать заявки клиентов и отслеживать их выполнение в автоматическом режиме на карте местности, назначать задания на ближайших к клиенту или свободных мастеров сервисного обслуживания, информировать мастеров о характере заявки, а клиентов - о сроках прибытия мастера, и деталях выполняемых работ, если такие требуются. Система сокращает временные издержки, упрощает коммуникацию между менеджером, клиентом и мастером обслуживания и автоматизирует бизнес-процессы. Сервис доступен как в веб-версии, так и в мобильном приложении. Менеджеры могут оптимизировать деятельность мастеров в режиме реального времени, проводить аналитику и оценку их деятельности, создавать и выгружать отчеты. Полностью настраиваемый интерфейс системы дает возможность назначать задачи инженерам “в полях” автоматически, в зависимости от их загруженности, территориальной удаленности от клиента, принимать во внимание дорожно-транспортную обстановку в городе, генерировать автоматические алерты на любую требуемую ситуацию, тем самым повышая качество оказываемых услуг. Мастера-инженеры с помощью мобильного приложения получают возможность легко и оперативно реагировать на заявки, выбирая оптимальный маршрут, а клиенты - получать более качественный сервис. Особенности сервиса: - полная конфигурируемость для каждого клиента в зависимости от характера оказываемых им услуг и персональных предпочтений; - встроенные алгоритмы оптимизации распределения нагрузки между инженерами с учетом временных рамок и дорожной обстановки; - полностью настраиваемая система отчетности; - мониторинг всех событий в реальном времени; - возможность прикрепить конкретных исполнителей к определенной локации; - удобная аналитическая система с использованием графиков и диаграмм; - система информирования клиентов с помощью email или СМС; - поддержка мультиязычности. Что было сделано Мы занимались фронтенд разработкой основного интерфейса приложения - исправление багов, добавление нового функционала, создание новых компонентов и доработка старых, стилизация компонентов, локализация компонентов (поддержка мультиязычности), интеграция с API, улучшение производительности приложения.

JavaScript / TypeScript / React.js / Redux / Material-UI / Reselect

Октябрь 2018 – по настоящее время месяцев

IoT-продукт для помощи брендам потребительских товаров

IoT-продукт, который помогает брендам потребительских товаров работать с интеллектуальными данными и выстраивать прямые отношения с клиентами, оцифровывая свою продукции.Платформа включает в себя несколько сервисов. Мы занимались разработкой сервиса, который позволяет компаниям создавать рабочее пространство, отслеживать спрос и статистику своего продукта в интернете. Что было сделано Решения нашей команды на проекте: — построение графиков для отображения статистики продукта в IoT. — кастомизация D3 JS графиков, — Обработка готовой библиотеки под требования проекта. Также нашим достижением было решение нестандартных задач на проекте. Например, в рамках заданного дизайна практически отсутствовали готовые библиотеки, поэтому мы занимались переносом кастомной вёрстки на material.UI и её кастомизации.

React.js / D3.js / Highcharts / Material-UI / Node.js Интеграции: Microservices / Complex data through APIs / AWS EC2 / AWS S3 / Google maps

Октябрь 2018 – по настоящее время месяцев

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

Оно также позволяет агентам работать с клиентами через приложение. У пользователей есть возможность просматривать список доступных свойств (рядом, посещенные места, избранное), а также они могут назначать встречу для посещения, получая полное описание недвижимости: комнаты, ванные и т. д.). Продавцы могут перечислять свою собственность, добавлять подробное описание, создавать «пошаговое руководство», которое будет показано человеку при осмотре недвижимости. Что было сделано На фронтенде использовался React-Native (для создания мобильного приложения) и React.js (админ-панель). Мы работали над созданием пользовательского календаря, уведомлений, вида профиля и всех частей сложного пользовательского интерфейса. На бекенде работали с Node.js, Express.js, PostgreSQL (обрабатывается с Sequelize), а JWT использовали для аутентификации и авторизации пользователей.Также мы построили системы авторизации и аутентификации, в том числе различные API для приложения, такие как API домашней страницы («показать списки свойств»), API планирования (позволяет пользователям создавать запрос на встречу), API продавца (позволяет продавцу настроить посещения: время, длительность и т. д.).На проекте возникали некоторые трудности: к примеру, необходимо было убедиться, что встречи и доступное для них время представлены покупателю в правильном часовом поясе. Мы создали несколько сервисов, которые помогли нам успешно справиться с этой проблемой. Мы использовали модуль Moment.js и Moment-timezones.Также была решена проблема с оптимизацией. Мы создали много необработанных запросов к базе данных SQL, что позволило нам получить необходимые данные в одном запросе.

JavaScript / React.js / React Native / Node.js / Express.js / Moment.js / PostgreSQL Интеграции: AWS EC2 / AWS S3 / Google maps / Сomplex data through APIs / August

Октябрь 2018 – по настоящее время месяцев