مواصفات المشروع بالتفصيل:
🔹 أولًا – التصميم العام:
واجهة عصرية وأنيقة (Modern Clean UI).
تصميم متجاوب بالكامل (Responsive) يعمل بكفاءة على:
شاشات الموبايل
التابلت
الديسكتوب
ألوان متناسقة مريحة للعين.
دعم الوضع الليلي والنهاري مع زر تبديل سلس.
🔹 ثانيًا – مكونات الواجهة:
✅ 1. Sidebar جانبي:
شعار الموقع أو اسمه أعلى القائمة.
روابط تنقل واضحة وبأيقونات لكل صفحة:
Dashboard
Customers
Analytics
Messages (مع عداد إشعارات بارز)
Products
Reports
Add Product
Settings
Logout أسفل القائمة
✅ 2. شريط علوي (Top Bar):
مربع لاختيار التاريخ.
أيقونة إعدادات.
زر التبديل بين الوضع الليلي والنهاري.
صورة بروفايل المستخدم مع اسمه والرتبة (Admin).
✅ 3. بطاقات المعلومات الرئيسية (Main Cards):
لكل بطاقة:
أيقونة تمثل المحتوى.
عنوان مثل (Total Sales, Expenses, Income).
قيمة رقمية واضحة.
دائرة توضح النسبة المئوية بوضوح ولون مميز.
عرض البيانات لآخر 24 ساعة.
✅ 4. Recent Orders (الطلبات الحديثة):
جدول منظم يحتوي على:
اسم المنتج
رقم المنتج
حالة الدفع (Due)
حالة الطلب (Pending) بلون مميز
رابط Details لكل طلب.
✅ 5. Recent Update (آخر التحديثات):
قائمة جانبية تعرض إشعارات حديثة توضح:
صورة المستخدم
نص التحديث (مثل استلام الطلب).
✅ 6. Sales Analytics (إحصائيات المبيعات):
بطاقات تعرض:
عدد الطلبات الأونلاين.
نسبة التغيير مقارنة بالسابق (زيادة أو نقصان).
آخر وقت تحديث أو مشاهدة.
ميزات العمل المطلوبة:
🌟 ميزات تقنية:
كود HTML, CSS, JS منظم وسهل القراءة والتعديل.
استخدام Flexbox أو CSS Grid في تقسيم العناصر.
دعم جميع المتصفحات الحديثة.
تصميم تفاعلي مع تأثيرات انتقالية ناعمة عند:
تمرير الماوس
التبديل بين الوضع الليلي والنهاري.
