"#VANLIFE"

VANLIFE هو موقع ويب يتيح لك تأجير حافلات مجهزة للسفر على الطريق. يمكنك الاختيار من بين مجموعة متنوعة من الحافلات التي تناسب احتياجاتك وميزانيتك. يمكنك أيضًا أن تصبح مضيفًا وتشارك حافلتك مع المسافرين الآخرين. انضم إلى #vanlifemovement واستمتع بالحرية والمغامرة.

- الصفحة الرئيسية: تحتوي على شريط قائمة مع خيارات "Host" و"About" و"Vans". تحتوي على نداء للعمل للانضمام إلى خدمة تأجير الحافلات. يقول النداء للعمل "لديك خطط السفر، لدينا الحافلات. أضف السفر إلى حياتك بالانضمام إلى #vanlifemovement. ابحث عن الحافلة المثالية لجعل رحلتك على الطريق مثالية." يرافق النداء للعمل زر برتقالي يقول "ابحث عن حافلتك".

- صفحة عن الموقع: تحتوي على معلومات عن مهمة ورؤية وقيم VANLIFE. تحتوي أيضًا على شهادات من العملاء السابقين والمضيفين. تحتوي على رابط إلى صفحة التواصل الاجتماعي لـ VANLIFE.

- صفحة Vans: تحتوي على قائمة من الحافلات المتاحة للإيجار مع صور وأسعار ومواصفات كل حافلة. تحتوي على ثلاث فئات من الحافلات: simple، rugged، و luxury. تسمح بالتصفية حسب الفئة . تسمح بالضغط على كل حافلة لعرض التفاصيل والتقييمات وخيارات الدفع.

- صفحة Host: تسمح لأصحاب الحافلات بإدارة حساباتهم وإدخال بياناتهم وإظهار دخلهم والمراجعات والحافلات التي قاموا بتأجيرها. تسمح بإضافة أو تعديل أو حذف حافلات من قائمتهم. تسمح بالتواصل مع العملاء المحتملين أو السابقين.

- شاشة تسجيل الدخول: تطلب من المستخدم إدخال اسم المستخدم وكلمة المرور أو استخدام خدمات التواصل الاجتماعي لتسجيل الدخول. تسمح بإنشاء حساب جديد أو استرداد كلمة المرور المنسية.

هذا الموقع مبني باستخدام React framework ، وهو مكتبة JavaScript لبناء واجهات المستخدم. يستخدم React components ، وهي قطع من رمز قابلة لإعادة الاستخدام ، لإنشاء عناصر واجهة المستخدم مثل الأزرار والقوائم والنماذج. يستخدم React state و props ، وهي طرق لإدارة البيانات والتفاعلات في التطبيق. يستخدم React hooks ، وهي ميزات جديدة تسمح باستخدام state وغيرها من الميزات في الوظائف components. يستخدم React router ، وهو مكتبة لإنشاء تنقل ديناميكي بين الصفحات.

ملاحظة: الموقع تم تصميمة للجوال ولا يتناسب مع باقي الشاشات.

ملاحظة :الموقع تم إنشائه لغرض التعليم وتعزيز المهارات في بناء المواقع، ولا يتبع أي جهة.