تطبيق ويب تفاعلي لتصفح بيانات جامعة افتراضية (Apex University Hub)، تم تصميمه وبرمجته ليكون معرض أعمال قوي يبرز الخبرة في تطوير الواجهات باستخدام أحدث الميزات.
اللغات والتقنيات المستعملة:
اللغة الأساسية: جافا سكريبت(لضمان كتابة كود قوي، منظم، وقابل للصيانة).
مكتبة الواجهة: رد فعل(لبناء واجهة مستخدم تفاعلية، سريعة، ومكونات قابلة لإعادة الاستخدام).
التصميم والتنسيق: تيلويند CSS(لبناء تصميم أنيق ومتألق مع جميع الشاشات الجديدة وسرعة عالية).
واجهة برمجة التطبيقات (API): واجهة برمجة
تطبيقات Google Gemini(لإنشاء المحتوى
الإلكتروني بشكل أساسي من برمجة وفعاليات الجامعة ذكي وتلقائي، مما يظهر القدرة على دمج خدمات الذكاء الاصطناعي في الويب).
مميزات الموقع/التطبيق:
تصميم وجذاب:واجهة مستخدم أنيقة (الوضع الدا
كن)
مع اهتمام دقيق بالتفاصيل وتجربة المستخدم (UI/UX)، بما في ذلك التأثيرات البصرية عند التفاعل مع العناصر.
محتوى برمجي مُولَّد بالذكاء الاصطناعي:يتم استخدام Google Gemini API لجلب قائمة الاختيارات والفعاليات الجامعية بشكل فوري، مع وجود بيانات احتياطية في حال حدوث أي خطأ، مما يضمن عمل التطبيق دائمًا.
عرض تفاعلي للمحتوى:يمكن للمستخدم التبديل بسهولة وسلاسة بين عرض "الدورات" و "الفعاليات" دون إعادة تحميل الصفحة.
نظام التصفية والبحث المتقدم:
بحث شامل:يمكن البحث عن الدورات التدريبية (بالاسم، المحاضر، أو الرمز) أو الفعاليات (بالاسم أو الموقع).
فلاتر متخصصة:يمكن استخدام تصفيات الحاسب الآلي حسب المقرر الأكاديمي (مثل علوم الفيزياء)، وتصفية الفعاليات حسب المقرر (مثل ورشة عمل، ندوة).
تجربة استخدام سلسة:يعرض التطبيق تحميل جذاب أثناء جذب البيانات، ورسائل محددة في حال عدم العثور على نتائج البحث أو المرشحة.
تصميم متناسب (مستجيب بالكامل):يعمل الموقع بشكل ممتاز على جميع أحجام الشاشات، من الألوان المحمولة إلى سطح المكتب الكبير.
منظم كود وقابل للتطوير:تم بناء المشروع بهيكل هيكلي يفصل بين المكونات (المكونات)، والخدمات (الخدمات)، والأنواع (الأنواع)، مما يخلق فهمًا وتطويرًا مستقبليًا.