تطبيق متكامل لإدارة الفرق والمشاريع والمهام تم تطويره باستخدام أحدث التقنيات: Next.js و Tailwind CSS، مع واجهة مستخدم ديناميكية بدوائر ألوان متكاملة (داكنة/فاتحة).
المميزات البارزة في اللقطات:
1. لوحة التحكم الرئيسية (Home Dark):
- نظرة شاملة على توزيع أولويات المهام (مخطط بياني).
- عرض حالة المشاريع (مثل Apollo، Beacon، Catalyst).
- قائمة بالمهام الشخصية مع تفاصيل (الحالة، الأولوية، الموعد النهائي).
2. صفحة تسجيل الدخول (Login):
- واجهة أنيقة مع خيارات تسجيل الدخول (البريد/كلمة السر أو عبر Google/GitHub).
- تأكيد على أمان المنصة ومعايير الخصوصية.
3. إدارة المشاريع (Project Dark):
- واجهة متقدمة لإنشاء وإدارة المشاريع (مثل "Product Design Development").
- أدوات لإنشاء مهام جديدة مع تفاصيل دقيقة (الوصف، الوسوم، المستخدمين، المواعيد).
- عرض زمني تفاعلي (Timeline/Ticks) لمتابعة سير العمل.
4. إدارة الفرق (Teams Dark):
- جدول مركزي يضم كافة الفرق مع معلومات مفصلة (معرّف الفريق، المالك، مدير المشروع).
- تصفية وتصدير البيانات بسهولة.
- تكامل مع قائمة المشاريع النشطة.
5. الجدول الزمني (Timeline):
- عرض بصري لخطة المشاريع على المخطط الزمني (شهري/سنوي).
- تتبع مدد المشاريع من البداية إلى النهاية (مثل مشروع Apollo من يناير إلى ديسمبر).
- تصفح سهل عبر الأشهر.
التقنيات المستخدمة:
Next.js 14 | Tailwind CSS | Redux Toolkit | MUI | DND Kit | Recharts | AWS Amplify
- أداء فائق: بفضل Next.js والإدارة الذكية للحالة (Redux).
- تصميم سلس: واجهة مستخدم حديثة مع Tailwind CSS وأنظمة التصميم (MUI).
- تفاعلية عالية: سحب وإفلات المهام (DND Kit)، ومخططات تفاعلية (Recharts).
- آمن وموثوق: مصادقة متقدمة (Next-Auth، AWS Amplify).