🚨 Разработка интерфейса для системы киберзащиты: кейс WebmonitorX и Evrone

Задача 🎯

Компания Вебмониторэкс — разработчик решений в области защиты API и веб-приложений — обратилась в Evrone с задачей создания MVP-консоли для нового продукта. Она должна была:

• анализировать запросы в реальном времени;
• фильтровать несоответствия OAS;
• собирать и визуализировать метрики.

Подбор технологий

Выбор стека был обусловлен уже существующими наработками:

• Go — основной backend-язык компании;
• MongoDB — для хранения событий и бизнес-данных;
• React + Recharts — визуализация данных;
• shadcn/ui — для создания универсальных UI-компонентов.

Функциональность консоли

Консоль принимает команды и фильтры, синхронизируя ввод с UI. Можно использовать простой язык: команда "last five days" покажет события за последние 5 дней. Реализована совместимость с внутренним DSL клиента для гибких запросов.

Дизайн

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

Результаты 💡

Мы создали:

• наглядную систему визуализации метрик;
• управляемую консоль с DSL-поддержкой;
• модульную архитектуру с возможностью масштабирования.

Проект готов к деплою и способен стать основой для будущего SDK.

💡 Evrone помогла команде WebmonitorX пройти путь от идеи до продукта с продуманной архитектурой и продвинутым интерфейсом. В процессе команда адаптировала решения под конкретные бизнес-задачи и требования к производительности. Это пример гибкого подхода к разработке и плотной работы с клиентом на всех этапах.