قمت بتطوير موقع Van Life باستخدام React لتوفير تجربة مستخدم واقعية وسهلة لتأجير سيارات التخييم بأنواع مختلفة مثل البسيطة والفاخرة والمخصصة للطرق الوعرة.
المميزات الأساسية:
تصفية السيارات حسب النوع (مثل rugged, simple, luxury) باستخدام خاصية filter.
حفظ الفلتر المُختار عند الانتقال بين الصفحات باستخدام React Router و query parameters.
التنقل بين صفحات مثل: جميع العربات، تفاصيل السيارة، حسابات المضيف، لوحة التحكم.
تصميم متجاوب يعمل على مختلف الشاشات.
التقنيات المستخدمة:
React و React Router DOM
React Hooks (useState, useEffect, useParams, useNavigate)
نظام التوجيه الديناميكي Dynamic Routing
Local Storage و URL params لحفظ خيارات المستخدم
تصميم بسيط ونظيف باستخدام CSS مرن
هذا المشروع يعكس مهاراتي في بناء تطبيقات تفاعلية حقيقية باستخدام React، مع مراعاة تجربة المستخدم والتنقل السلس بين الصفحات.