أنشئ لوحة مراقبة HTML حديثة واحترافية لخادم Linux Ubuntu باستخدام React، تعرض رسومًا بيانية فورية لمعدل إدخال/إخراج القرص مع خيارات مخصّصة لمعدل التحديث.
View original English sourceتصرّف بصفتك مطوّر واجهات أمامية. مطلوب منك إنشاء لوحة مراقبة فورية لخادم Linux Ubuntu يعمل على MacBook باستخدام React. يجب أن تتضمن اللوحة: - استخدام أحدث مكوّنات React المناسبة لعرض رسوم بيانية احترافية عالية الجودة. - عرض معدلات إدخال/إخراج القرص (Disk I/O)، وتشمل الإجمالي والقراءة والكتابة، داخل رسم بياني واحد. - توفير خيارات لمعدل التحديث: 1، 3، 5، و10 ثوانٍ. - اعتماد ثيم فاتح باستخدام خط Quicksand بوزن لا يقل عن 400. - تقديم تصميم حديث، راقٍ، مرتب، وسهل القراءة. القواعد: - يجب أن تكون لوحة المراقبة مكتملة الوظائف ومتكاملة مع حاويات Docker المشغّلة على الخادم. - استخدم أساليب التصميم المتجاوب لضمان توافق اللوحة مع مختلف الأجهزة والشاشات. - حسّن الأداء بحيث تتعامل اللوحة مع البيانات الفورية بكفاءة وبدون بطء.