Разработка интерфейса для системы мониторинга и телеметрии автономного мобильного робота

Проблема

Проблема
Во время активной разработки и непосредственно во время игры участникам команды нужно знать что происходит с роботом

Правила игры

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

Решение

Задачи и инструменты
Проектирование интерфейса (Figma):
зарисовка макетов;
проработка UX.

Задачи и инструменты
2. Разработка серверной (NodeJS) части:
написание контроллеров, роутинг (Express);
написание WebSocket сервера (SocketIO);
настройка сервера раздачи статики.

Задачи и инструменты
3. Разработка клиентской части (React):
клиентский роутинг;
верстка страниц;
обработка событий с сервера.

Задачи и инструменты
4. Разработка Python клиента к API серверной части:
написание форматтера для логов;
методы для отправки данных в API;
автоматизирование поиска сервера.

Результат
/
/logs /charts /field

Результат /logs

Результат /charts

Результат /field

Итоги
Результат:
Создан инструмент, позволяющий отслеживать различные метрики, приходящие с робота в режиме реального времени в удобном представлении.
Осталось:
Фильтрация логов;
Устранить мелкие недочеты верстки;
Кэширование некоторых событий.