google flights

Google Flights Clone – تطبيق لحجز الرحلات باستخدام React

قمت بتطوير نسخة مخصصة من Google Flights باستخدام React.js، حيث يتيح التطبيق للمستخدمين البحث عن الرحلات الجوية، تصفية النتائج بناءً على السعر والوقت، وعرض تفاصيل الرحلات بواجهة حديثة وسهلة الاستخدام.

المزايا والوظائف:

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

تصميم متجاوب وسلس: تم استخدام Tailwind CSS لتوفير تجربة مستخدم متوافقة مع جميع الأجهزة.

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

استهلاك API خارجي: تم استخدام [Skyscanner API / Amadeus API] لجلب بيانات الرحلات في الوقت الفعلي.

أداء محسّن: تم تطبيق Lazy Loading وCode Splitting لتسريع تحميل الصفحات.

إدارة الحالة: تم استخدام Context API لضمان تجربة سلسة في إدارة بيانات البحث.

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

React.js (مع Hooks)

Material UI

RESTful API Integration

React Router للتنقل بين الصفحات

Context API / Redux لإدارة الحالة

التجربة الناتجة:

أنتج هذا المشروع تطبيقًا سهل الاستخدام، يوفر تجربة مشابهة لـ Google Flights مع تحسينات مخصصة. المشروع يعكس قدرتي على بناء تطبيقات ويب احترافية باستخدام React، مع التركيز على الأداء وتجربة المستخدم.