Описание проекта

Необходимо создать интерактивную страницу, на которой пользователь может выбрать сектор применения (например: Parking, Toll, Data Center, Embassy, Industrial, Airport и т.п.) и в реальном времени настраивать параметры периметра системы безопасности.

Основные требования

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

Технические детали

Реализовать на современном фреймворке (React/Vue) или на чистом JavaScript. Интерфейс должен быть адаптивным для десктопа и мобильных устройств. Данные конфигурации логически связаны между собой: изменение одного поля влечет пересчет цены и состава оборудования.

Результат

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