Главная / Программирование и IT / Дашборд мониторинга Linux на React

Дашборд мониторинга Linux на React

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

Генерация кода для интерактивного дашборда мониторинга сервера Ubuntu с использованием React, Docker и современных графиков.

Что делает этот промпт

Генерирует код React-приложения для визуализации метрик сервера Ubuntu в реальном времени.

Преимущества

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

Для кого подходит

Frontend-разработчики, DevOps-инженеры, владельцы серверов, нуждающиеся в визуализации метрик.

Инструкция по использованию промпта

Скопируй промпт в AI-ассистент. При необходимости уточни детали интеграции с конкретными Docker-контейнерами или метриками.

Что нужно предоставить

Знание React, Docker, принципов работы с графиками данных. Требуется доступ к серверу для интеграции.

Что ожидать в результате

Полный код React-компонентов, конфигурация графиков, стили CSS/SCSS и инструкции по запуску.

Рекомендации

Убедись, что на сервере настроен API или WebSocket для передачи данных в реальном времени. Адаптируй пути к Docker-контейнерам под свою среду.

Ограничения

Не включает бэкенд-часть для сбора метрик. Требует ручной настройки подключения к источнику данных.

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

Текст промпта

ChatGPT / Claude / Llama Войти для копирования

Выступи в роли опытного Frontend-разработчика. Твоя задача — создать функциональный дашборд для мониторинга в реальном времени Linux Ubuntu-сервера, работающего на MacBook, с использованием React.

Требования к реализации:
1. Используй последние компоненты React для создания премиальных графиков.
2. Отображай пропускную способность дискового ввода-вывода (общую, чтение и запись) в одном графике.
3. Реализуй опции частоты обновления данных: 1, 3, 5 и 10 секунд.
4. Примени светлую тему оформления и шрифт Quicksand (минимальная толщина 400).
5. Обеспечь современный, чистый и элегантный дизайн.

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

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

Дашборд мониторинга Linux на React

Поделитесь в социальных сетях

Комментарии