Dashboard Responsive Design With Dark & Light Mood

وصف مشروع My Dashboard

My Dashboard هو مشروع واجهة تحكّم تفاعلية (Dashboard) تم تصميمها لتكون بسيطة، أنيقة، وسهلة الاستخدام، تجمع بين الجمال البصري والأداء العالي.

تم بناء المشروع باستخدام React.js وVite لتوفير سرعة في الأداء وتجربة تطوير سلسة، مع تصميم عصري متجاوب يناسب جميع الشاشات — من الموبايل وحتى الشاشات الكبيرة.

الواجهة تعتمد على نظام مكونات (Components System) منظم يجعل الكود نظيف وسهل الصيانة، مع إمكانية تخصيص الألوان وتفعيل الوضع الليلي والنهاري (Dark/Light Mode) لتجربة استخدام مريحة ومتناسبة مع ذوق المستخدم.

تم استخدام MUI في تنسيق العناصر لإضفاء مظهر حديث ومتناسق، مع لمسات حركية خفيفة تضيف حيوية إلى التصميم.

أهداف المشروع:

تقديم تجربة تحكّم بسيطة ومنظمة لعرض البيانات والمعلومات بشكل واضح.

استعراض المهارات في تصميم واجهات احترافية باستخدام أحدث تقنيات الويب.

تطبيق عملي لتقنيات مثل Vite، React Hooks، وMUI.

مزايا المشروع:

تصميم متجاوب لجميع الشاشات.

واجهة أنيقة وسلسة.

دعم الوضع الليلي والنهاري.

بناء حديث باستخدام Vite + React.

إمكانية التطوير والتوسّع بسهولة.

تم رفع المشروع على GitHub Pages ليكون متاحًا للتجربة أونلاين عبر الرابط:

engymo.github.io/my-dashb...