student guide

لقد شاركت في تطوير موقع "دليل" (https://guide.ahmed-yehia...) كـ UI/UX ومطور واجهة أمامية، حيث استخدمت تقنيات HTML وCSS وJavaScript لبناء واجهة مستخدم مميزة وجذابة. كان دوري يتركز على إنشاء تصميم واجهة مستخدم متجاوب، يتيح تجربة مستخدم سلسة عبر الأجهزة المختلفة، بالإضافة إلى إضافة الحركات والتأثيرات الانتقالية لتعزيز التفاعل البصري للموقع. عملت كجزء من فريق لتقديم تجربة مستخدم محسنة مع التركيز على تحسين التصفح وتسهيل الوصول إلى المعلومات المتاحة على الموقع.

بالطبع! إليك وصفًا أكثر تفصيلاً لموقع **"دليل"** (https://guide.ahmed-yehia...) يشمل شرح الصفحات المختلفة والمميزات التي يوفرها:

1. **الصفحة الرئيسية**:

- تقدم نظرة عامة عن الموقع وتعرض الخيارات الأساسية للمستخدمين. تحتوي على تصميم جذاب يتضمن العناصر الرئيسية التي يسعى المستخدم للوصول إليها، مع **شريط تنقل بسيط وسهل الاستخدام** للوصول السريع إلى صفحات الموقع الأخرى.

2. **صفحة الدليل (TA Directory)**:

- تُعد هذه الصفحة أحد المكونات الأساسية للموقع، حيث توفر دليلًا شاملاً للمستخدمين للوصول إلى قائمة مفصلة لأسماء المساعدين التدريسيين (TAs) في الجامعة.

- تُعرض بيانات شاملة للمساعدين، تتضمن **الأسماء، التخصصات، والمواد التي يقومون بتدريسها**، مما يسهل على الطلاب التواصل مع المساعدين التدريسيين المعنيين حسب تخصصاتهم واحتياجاتهم الأكاديمية.

3. **صفحة الموقع (Location)**:

- تُعرض في هذه الصفحة خريطة تفاعلية تساعد المستخدمين في تحديد أماكن المكاتب، الفصول الدراسية، والمعامل داخل الحرم الجامعي.

- تستخدم **خرائط تفاعلية** لتحسين تجربة المستخدم وتوجيهه بشكل دقيق، مما يسهل على الطلاب التنقل والوصول إلى الأماكن المطلوبة بسهولة.

4. **صفحة الاستفسارات والأسئلة الشائعة (FAQ)**:

- تتيح للمستخدمين الوصول إلى مجموعة من الإجابات على الأسئلة المتكررة حول استخدام الموقع، التواصل مع المساعدين التدريسيين، والمعلومات الأكاديمية الأخرى.

- تم تصميم الصفحة بحيث تكون مريحة للتصفح ومقسمة حسب المواضيع الشائعة، مع إمكانية التوسع لإظهار الإجابات بنقرة واحدة.

5. **التصميم والتجربة البصرية**:

- ركزت على إنشاء **واجهة مستخدم متجاوبة وجذابة** تتماشى مع مختلف الأجهزة، بحيث يمكن للطلاب الوصول إلى الموقع عبر الهواتف المحمولة أو الحواسيب المكتبية.

- تم استخدام **حركات انتقالية سلسة** عند التنقل بين الصفحات لإضافة تجربة تفاعلية ممتعة، مع الحفاظ على سرعة التحميل وسلاسة التصفح.

6. **خصائص بحث وتصفية**:

- يوفر الموقع أدوات بحث وتصفية متقدمة، خاصة في صفحات الدليل، مما يتيح للمستخدمين **البحث عن المساعدين التدريسيين حسب الاسم أو المادة أو التخصص**. هذه الميزات تساعد في الوصول السريع للمعلومات المطلوبة.

عملت ضمن فريق لتطوير هذا المشروع باستخدام تقنيات **HTML، CSS، وJavaScript**، مع التركيز على جعل التصميم متجاوبًا وسهل التصفح، حيث يهدف الموقع إلى تحسين تجربة الطلاب وتوفير واجهة سلسة للحصول على المعلومات الأكاديمية التي يحتاجونها.