موقع مسار بلا حواجز

وصف المشروع:

اسم المشروع: موقع مسار بلا حواجز

الهدف من المشروع: إرشاد الصم والبكم إلى وجهتهم داخل الجامعة.

التقنيات المستخدمة:

- React vite

- Tailwind Css

- React Router Dom

- React Toastify

- Qr Scanner

- Hero Icons

- Swiper

مراحل التنفيذ:

- مرحلة التخطيط والتصميم:

تحليل المتطلبات: قمت بدراسة احتياجات المستخدمين ذوي الهمم (الصم) لتحديد العناصر الأساسية والمميزات التي يجب تضمينها في الموقع.

تصميم الشعار: قمت بتصميم شعار مميز يعكس هوية الموقع ويكون جذابًا للمستخدمين.

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

- مرحلة التطوير:

إعداد المشروع: قمت بإنشاء مشروع باستخدام React وتثبيت Tailwind CSS لتسهيل عملية التصميم والتطوير.

- تطوير الواجهة الأمامية:

استخدام Tailwind CSS: لإنشاء تصميم متجاوب يتكيف مع جميع أحجام الشاشات.

تطوير المكونات: قمت بتطوير مكونات React القابلة لإعادة الاستخدام، مثل بطاقات الفيديو والنصوص الإرشادية.

دمج الفيديوهات بلغة الإشارة والنصوص:

قمت بتضمين فيديوهات بلغة الإشارة مع نصوص إرشادية لضمان توفير المعلومات بشكل متكامل للمستخدمين ذوي الهمم.

تطوير واجهة سهلة الاستخدام لعرض الفيديوهات والنصوص بشكل منظم وواضح.

- مرحلة الاختبار والتوثيق:

اختبار الأداء: قمت بإجراء اختبارات لتحسين سرعة التحميل وضمان استجابة الموقع بشكل سريع على جميع الأجهزة.

اختبار التوافق: تأكدت من توافق الموقع مع مختلف المتصفحات والأجهزة المحمولة والأجهزة اللوحية.

التوثيق: قمت بكتابة توثيق شامل يوضح كيفية استخدام وإدارة الموقع، بما في ذلك شرح للمكونات والواجهات التفاعلية.

- المهام التي قمت بها:

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

تصميم الصفحات باستخدام أدوات التصميم لتوفير تجربة مستخدم متميزة.

إعداد بيئة التطوير باستخدام React وTailwind CSS.

تطوير مكونات React القابلة لإعادة الاستخدام.

دمج الفيديوهات بلغة الإشارة مع النصوص الإرشادية.

إنشاء تصميم متجاوب يتكيف مع جميع أحجام الشاشات باستخدام Tailwind CSS.

إجراء اختبارات الأداء والتوافق لضمان عمل الموقع بكفاءة عالية.

كتابة توثيق شامل لعملية التطوير وكيفية استخدام الموقع.

- النتيجة النهائية:

تم إنشاء موقع مسار بلا حواجز الذي يوفر خدمة عرض فيديوهات بلغة الإشارة ونصوص إرشادية لذوي الهمم (الصم).

الواجهة متجاوبة وتفاعلية، مما يوفر تجربة مستخدم ممتازة على جميع الأجهزة.

الموقع يعمل بكفاءة عالية وسرعة استجابة ممتازة.

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