موقع جامعة Oxford الافتراضية

هذا المشروع هو موقع ويب ديناميكي يحاكي تصميم وعمل نظام إدارة جامعة شبيه بجامعة 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