Платформа мониторинга и управления автопарком компании

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

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

Перед командой стояли задачи по созданию и оптимизации интерфейсов платформы:

• разработка интерфейсной части и внедрение маршрутизации;
• исправление ошибок и рефакторинг устаревшего кода;
• создание статистических панелей и диаграмм для мониторинга автопарка;
• разработка новых компонентов с высокой скоростью и стабильностью работы;
• реализация общего компонента таблицы с настройкой фильтров, столбцов и стилей.

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

Работа строилась по методологии Scrum: ежедневные синки помогали держать всех в курсе происходящего, а регулярные ревью позволяли быстро находить и устранять узкие места. Благодаря слаженному взаимодействию и взаимопомощи внутри команды задачи решались оперативно, даже когда требовались срочные правки буквально накануне релиза.

Такой подход позволил не только ускорить процесс разработки, но и сделать продукт более стабильным, понятным и приятным для пользователей.

Трудности с которыми мы столкнулись и их решения:

• Устаревший код и неоднородная архитектура приложения: стандартные подходы не обеспечивали стабильность. Команда провела рефакторинг ключевых модулей и внедрила централизованное управление состоянием через NgRx и NGXS.
• Срочные задачи в процессе релизов: возникали непредвиденные требования от менеджмента. Разработчики оперативно перерабатывали логику страниц и исправляли ошибки, что позволило своевременно выполнять релизы.

• Компонент общей таблицы: создана универсальная таблица для всего приложения с настройкой фильтров, полей и внешнего вида.
• Мониторинг автопарка: реализованы панели для анализа маршрутов, состояния автомобилей и геолокации.
• Сервис для операторов: разработан инструмент управления автомобилями в режиме реального времени.
• Новые диаграммы и страницы: добавлены визуальные представления данных и разделы аналитики.
• Рефакторинг и оптимизация: переработана структура приложения, ускорена работа компонентов и маршрутизация.
• Интерфейс: создан современный, понятный и приятный в использовании UI.

В результате проведённых работ платформа получила стабильную и гибкую фронтенд-архитектуру, которая теперь позволяет легко масштабировать проект и внедрять новые решения без рисков для существующего функционала. Интерфейс стал заметно удобнее и понятнее для пользователей: логичная структура, продуманная навигация и визуальная целостность помогли сделать взаимодействие с системой интуитивным и комфортным. Кроме того, были добавлены расширенные аналитические возможности, что дало пользователям доступ к более наглядной и детальной статистике по ключевым показателям.

Особое внимание команда уделила созданию универсального компонента таблицы – одного из ключевых инструментов в работе операторов и администраторов автопарка. Теперь данные можно гибко фильтровать, группировать и сортировать, а обновления отображаются в режиме реального времени. Вместе с новыми инструментами мониторинга это позволило значительно повысить эффективность работы и сократить время на принятие решений.