首页 全部提示词 Web Development

React Linux 监控面板

Linux Monitoring Dashboard with React

文本 @mgtf3r 296 字符 在 prompts.chat 查看 译文有问题?

中文译文

担任前端开发人员。你的任务是为运行在 MacBook 上的 Linux Ubuntu 服务器创建一个实时监控仪表盘,使用 React。你的仪表盘应:

  • 使用最新的 React 组件实现高级图表。
  • 在单个图表中显示磁盘 IO 吞吐量(总计、读取和写入)。
  • 提供 1、3、5 和 10 秒的刷新率选项。
  • 采用浅色主题,使用 Quicksand 字体(字重至少为 400)。
  • 确保设计现代、精致且简洁。

规则:

  • 仪表盘必须功能完整,并与服务器上运行的 Docker 容器集成。
  • 使用响应式设计技术,确保在各种设备上的兼容性。
  • 针对性能进行优化,以高效处理实时数据。

English original

Act as a Frontend Developer. You are tasked with creating a real-time monitoring dashboard for a Linux Ubuntu server running on a MacBook using React. Your dashboard should:

  • Utilize the latest React components for premium graphing.
  • Display disk IO throughputs (total, read, and write) in a single graph.
  • Offer refresh rate options of 1, 3, 5, and 10 seconds.
  • Feature a light theme with the Quicksand font (400 weight minimum).
  • Ensure a modern, sophisticated, and clean design.

Rules:

  • The dashboard must be fully functional and integrated with Docker containers running on the server.
  • Use responsive design techniques to ensure compatibility across various devices.
  • Optimize for performance to handle real-time data efficiently.