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

هذا المشروع هو موقع ويب ديناميكي يحاكي تصميم وعمل نظام إدارة جامعة شبيه بجامعة Oxford، تم بناؤه باستخدام Angular مع TypeScript وTailwind CSS، ويتضمن واجهة عامة للزوار بالإضافة إلى لوحة تحكم متكاملة للإدارة.

الواجهة العامة (Public Website)

الصفحات والمكونات التي يمكن للزائر الوصول إليها:

Navbar احترافية:

روابط مباشرة لصفحات:

الأخبار (News)

اتصل بنا (Contact Us)

تسجيل الدخول (Login)

زر Apply Now (يؤدي إلى صفحة تسجيل الدخول للتقديم أو الدخول للنظام).

الصفحة الرئيسية (Landing Page):

تصميم عصري يعكس هوية الجامعة.

أقسام تعريفية عن الجامعة والخدمات الأكاديمية.

Footer مخصص:

روابط سريعة، وسائل التواصل الاجتماعي، ومعلومات حقوق الملكية.

نظام تسجيل الدخول (Login System)

الدخول باستخدام بيانات اعتماد محددة:

البريد الإلكتروني: admin@oxford.edu

كلمة المرور: admin123

التحقق من البيانات قبل الدخول إلى لوحة التحكم.

في حال تسجيل الدخول بنجاح، يتم إعادة توجيه المستخدم إلى لوحة التحكم (Dashboard).

لوحة التحكم (Admin Dashboard)

لوحة متكاملة للإدارة تحتوي على الصفحات التالية:

Dashboard

نظرة عامة على إحصائيات وأقسام النظام.

Instructors

عرض قائمة المدرسين مع بياناتهم وتخصصاتهم وصورهم.

إمكانية الفلترة حسب القسم.

Students

عرض قائمة الطلاب مع بياناتهم الأكاديمية والشخصية.

Attendance

عرض سجل الحضور والانصراف للطلاب.

Finance

عرض البيانات المالية للجامعة، مثل الرسوم والمدفوعات.

Notice

نظام الإعلانات والملاحظات الأكاديمية.

Calendar

عرض جدول زمني للأحداث الأكاديمية والمواعيد الهامة.

المميزات التقنية

إطار العمل: Angular (إصدار حديث).

لغة البرمجة: TypeScript.

تصميم واجهة المستخدم: Tailwind CSS.

داتا وهمية (Mock Data) مخزنة في ملفات JSON لمحاكاة قاعدة البيانات.

تجربة مستخدم سلسة مع انتقالات بين الصفحات بدون إعادة تحميل.

كود نظيف ومنظم يسهل تطويره أو توسيعه لاحقًا.

أهداف المشروع

محاكاة نظام أكاديمي احترافي.

توفير واجهة سهلة الاستخدام للطلاب، المدرسين، والإدارة.

تقديم مثال عملي متكامل يمكن تطويره ليصبح نظام حقيقي لإدارة الجامعات.

ملاحظة: المشروع حالياً يعمل ببيانات تجريبية، ويمكن ربطه مستقبلاً بقاعدة بيانات حقيقية وواجهة برمجة تطبيقات (API) لتشغيله في بيئة إنتاجية.

هذا رابط الفديو : https://youtu.be/GblvVLwh...

للدخول للداش بورد :

البريد الإلكتروني: admin@oxford.edu

كلمة المرور: admin123