لوحة تحكم Aura Home: واجهة منزل ذكي تفاعلية (Dashboard UX) مع ميزة الوضع الليلي

وصف المشروع:

قمت بتطوير واجهة مستخدم (UI) متقدمة لنظام تحكم بالمنزل الذكي، تهدف إلى تبسيط إدارة الأجهزة المنزلية من خلال لوحة تحكم مركزية تجمع بين الأداء العالي والتصميم العصري. هذا المشروع هو تطبيق عملي لكيفية بناء لوحات التحكم (Dashboards) التي تتطلب دقة في توزيع العناصر البرمجية.

المميزات التقنية التي قمت بتنفيذها:

نظام التبديل بين الأوضاع (Dark/Light Mode): برمجت محولاً ذكياً للحالة (State Management) يتيح للمستخدم التبديل بين الوضع الفاتح والليلي بسلاسة تامة، وهو دليل على التمكن من مهارات JavaScript المتقدمة.

تفاعل الأجهزة الحية: أضفت منطقاً برمجياً يتيح للمستخدم "تشغيل" و "إطفاء" الأجهزة (مثل الإضاءة والمكيف) بلمسة واحدة مع تغييرات بصرية فورية في الواجهة.

تصميم الشبكة الذكية (Grid Layout): استخدمت Tailwind CSS لتنظيم بطاقات الأجهزة (كاميرات المراقبة، درجة الحرارة) بشكل متناسق تماماً مع شاشات الجوال والحاسوب.

رسوم متحركة انسيابية: دمجت مكتبات الرسوم المتحركة لضمان انتقال العناصر بسلاسة عند التفاعل معها، مما يعطي إحساساً بالفخامة والاحترافية.

يوضح هذا العمل قدرتي على بناء أنظمة معقدة (SaaS Dashboards) وليس فقط صفحات هبوط بسيطة. هو الخيار المثالي للعملاء الذين يبحثون عن مبرمج واجهات أمامية قادر على إدارة "حالات" الموقع (States) وتوفير تجربة مستخدم عملية ومريحة.