travilGloble

موقع ويب تفاعلي يتيح للمستخدمين استعراض الرحلات الجوية، البحث عن الرحلات المناسبة، وإجراء الحجز بطريقة سهلة وسريعة. الهدف من الموقع هو تقديم تجربة حجز سلسة من خلال واجهة مستخدم واضحة وبسيطة.

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

HTML5: لبناء الهيكل الأساسي لصفحات الموقع.

CSS3: لتنسيق الواجهة وإضافة تصميم متجاوب (Responsive Design).

JavaScript: لإضافة التفاعلية (مثل البحث في الرحلات وعرض النتائج).

Figma: لتصميم واجهة المستخدم (UI) قبل التنفيذ.

طريقة التنفيذ:

بدأت بتصميم واجهة المستخدم على Figma لضمان وضوح تدفق المستخدم (User Flow).

أنشأت الصفحات الأساسية باستخدام HTML5 (مثل صفحة البحث، صفحة تفاصيل الرحلة، وصفحة الحجز).

أضفت CSS3 لتنسيق الواجهة بالألوان والخطوط المناسبة، مع تطبيق خاصية Responsive Design لتعمل على مختلف الأجهزة.

استخدمت JavaScript لبرمجة وظائف مثل البحث في الرحلات وتحديث النتائج بشكل ديناميكي.

المهارات المكتسبة والمطبقة:

Frontend Web Development (HTML5, CSS3, JavaScript).

UI/UX Design وتحويل التصميم من Figma إلى كود.

بناء Responsive Website يعمل بكفاءة على مختلف الشاشات.

التفكير في تجربة المستخدم (سهولة البحث، عرض النتائج بوضوح).

كتابة كود نظيف ومنظم لسهولة التطوير المستقبلي.