هذا المشروع هو موقع ويب ديناميكي يحاكي تصميم وعمل نظام إدارة جامعة شبيه بجامعة Oxford، تم بناؤه باستخدام Angular مع TypeScript وTailwind CSS، ويتضمن واجهة عامة للزوار بالإضافة إلى لوحة تحكم متكاملة للإدارة.
الواجهة العامة (Public Website)
الصفحات والمكونات التي يمكن للزائر الوصول إليها:
Navbar احترافية:
روابط مباشرة لصفحات:
الأخبار (News)
اتصل بنا (Contact Us)
تسجيل الدخول (Login)
زر Apply Now (يؤدي إلى صفحة تسجيل الدخول للتقديم أو الدخول للنظام).
الصفحة الرئيسية (Landing Page):
تصميم عصري يعكس هوية الجامعة.
أقسام تعريفية عن الجامعة والخدمات الأكاديمية.
Footer مخصص:
روابط سريعة، وسائل التواصل الاجتماعي، ومعلومات حقوق الملكية.
نظام تسجيل الدخول (Login System)
الدخول باستخدام بيانات اعتماد محددة:
البريد الإلكتروني: [email protected]
كلمة المرور: admin123
التحقق من البيانات قبل الدخول إلى لوحة التحكم.
في حال تسجيل الدخول بنجاح، يتم إعادة توجيه المستخدم إلى لوحة التحكم (Dashboard).
لوحة التحكم (Admin Dashboard)
لوحة متكاملة للإدارة تحتوي على الصفحات التالية:
Dashboard
نظرة عامة على إحصائيات وأقسام النظام.
Instructors
عرض قائمة المدرسين مع بياناتهم وتخصصاتهم وصورهم.
إمكانية الفلترة حسب القسم.
Students
عرض قائمة الطلاب مع بياناتهم الأكاديمية والشخصية.
Attendance
عرض سجل الحضور والانصراف للطلاب.
Finance
عرض البيانات المالية للجامعة، مثل الرسوم والمدفوعات.
Notice
نظام الإعلانات والملاحظات الأكاديمية.
Calendar
عرض جدول زمني للأحداث الأكاديمية والمواعيد الهامة.
المميزات التقنية
إطار العمل: Angular (إصدار حديث).
لغة البرمجة: TypeScript.
تصميم واجهة المستخدم: Tailwind CSS.
داتا وهمية (Mock Data) مخزنة في ملفات JSON لمحاكاة قاعدة البيانات.
تجربة مستخدم سلسة مع انتقالات بين الصفحات بدون إعادة تحميل.
كود نظيف ومنظم يسهل تطويره أو توسيعه لاحقًا.
أهداف المشروع
محاكاة نظام أكاديمي احترافي.
توفير واجهة سهلة الاستخدام للطلاب، المدرسين، والإدارة.
تقديم مثال عملي متكامل يمكن تطويره ليصبح نظام حقيقي لإدارة الجامعات.
ملاحظة: المشروع حالياً يعمل ببيانات تجريبية، ويمكن ربطه مستقبلاً بقاعدة بيانات حقيقية وواجهة برمجة تطبيقات (API) لتشغيله في بيئة إنتاجية.
هذا رابط الفديو : https://youtu.be/GblvVLwh...
للدخول للداش بورد :
البريد الإلكتروني: [email protected]
كلمة المرور: admin123
