Build a Linux Monitoring Dashboard with React & Real-time Metrics
Description
Professional Linux Server Monitoring Tool
This prompt enables you to develop a modern, functional real-time monitoring interface for a Linux Ubuntu server. Leveraging React's power, you'll create a professional tool featuring interactive graphs and high performance.
Who is this prompt for?
- Frontend & Full-stack Developers: For quickly building administrative control panels.
- DevOps Engineers: For visualizing Docker container metrics and system resources.
- System Administrators: For convenient monitoring of disk subsystem performance.
Key Features & Advantages
- Premium Graphics: Utilizes modern React components to display Disk IO (total, read, write) in a single graph.
- Data Flexibility: Adjustable refresh rates from 1 to 10 seconds.
- Modern UI/UX: Sophisticated light theme featuring Quicksand font and responsive layout.
- Seamless Integration: Fully compatible with Docker environments and optimized for performance.
>_ Prompt
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.