Quick Summary
Amr Samir, Full Stack Developer & Technical Architect, built this project using نكست جي إس, ريأكت, تايلويند سي إس إس, فرامير موشن, نود جي إس. It demonstrates professional-grade implementation of modern web solutions with a focus on performance and scalability.
Yllah — منصة نادي السفر الخاص وخدمات حجز الكونسيرج
9 المهارات المستخدمة • 2026
منصة نادي سفر خاص قائمة على العضوية تجمع بين اكتشاف الفنادق الفاخرة المنتقاة، والأسعار المحمية للأعضاء، وطلبات الحجز المنظمة، ودورة عمل تشغيلية بمساعدة مستشار سفر مخصص.
staging.yllah.com
Slide 0 of 0
ماذا يوضح هذا المشروع
المواصفات التقنية
- Project Type: Web Application
- Primary Stack: نكست جي إس, ريأكت, تايلويند سي إس إس
- Deployment: سيرفر خاص مؤمن (VPS)
- Architecture: بنية حديثة متكاملة
القيم الأساسية
Delivering scalable, high-performance solutions with a focus on user experience and business growth.
استفسار سريع عن المشروع
أرسل استفسارك مباشرة من صفحة المشروع دون الانتقال إلى صفحة التوظيف.
نظرة عامة على المشروع
Yllah — منصة نادي السفر الخاص وخدمات حجز الكونسيرج
نظرة عامة ونموذج العمل
Yllah هي منصة نادي سفر خاص مصممة حول مجموعة مختارة بعناية من الفنادق الفاخرة حول العالم وتجربة سفر قائمة على العضوية. على عكس محركات حجز الفنادق التقليدية التي تعتمد كليًا على الحجز والدفع الذاتي الآلي، تعتمد Yllah نموذج عمل قائم على التنسيق البشري عبر مستشار سفر مخصص (Concierge-Led Booking). يستكشف الأعضاء فنادق منتقاة ومراجعة شخصيًا، ويحصلون على أسعار حصرية ومحمية للأعضاء، ويرسلون طلبات حجز تفصيلية بمتطلباتهم الخاصة، ليتولى فريق الكونسيرج مراجعة الحجز وتأكيد التوافر والتفاوض على السعر قبل إصدار رابط دفع آمن ومخصص.
تجمع المنصة بين تجربة استكشاف رقمية فاخرة وإدارة حسابات الأعضاء وبين دورة عمل تشغيلية دقيقة تضمن تقديم خدمة شخصية عالية المستوى.
+--------------------------------------------------------------------------------+
| منظومة YLLAH |
+--------------------------------------------------------------------------------+
| [ طبقة الزوار ] --> استكشاف الفنادق والوجهات (مع حجب الأسعار غير المصرح بها)|
| [ طبقة الأعضاء ] --> فحص العضوية النشطة -> إتاحة أسعار الأعضاء الحصرية |
| [ محرك الطلبات ] --> إرسال طلب حجز منظم (التواريخ، عدد الضيوف، الملاحظات) |
| [ مكتب الكونسيرج ] --> مراجعة المستشار -> التنسيق المباشر مع إدارة الفندق |
| [ مسار الدفع ] --> إصدار رابط دفع مخصص وآمن -> تأكيد الحجز النهائي |
+--------------------------------------------------------------------------------+
المعمارية البرمجية ونموذج النطاق (Domain Model)
1. إدارة صلاحيات العضوية والتحكم في الوصول
يحدد النظام أربعة مستويات واضحة للمستخدمين بصلاحيات معزولة:
- الزائر غير المسجل (Anonymous Visitor): استعراض الفنادق والوجهات والصور والمميزات، مع حجب الأسعار وعرض دعوة للانضمام للعضوية.
- المستخدم المسجل (غير النشط / منتهي العضوية): حساب مسجل بدون اشتراك VIP فعال، يتيح تعديل الملف الشخصي وطلب الاشتراك في العضوية السنوية.
- العضو الفعال (Active VIP Member): أصحاب العضويات السنوية المفعلة. يتيح لهم النظام رؤية أسعار الأعضاء المخفضة، وإرسال طلبات الحجز المباشرة، وحفظ الفنادق في قائمة المفضلة.
- فريق العمليات والكونسيرج (Concierge Staff): المشرفون على استقبال الطلبات، والتنسيق المباشر مع الفنادق، واعتماد الأسعار النهائية، وتوليد روابط الدفع المخصصة.
زائر غير مسجل
|
v
مستخدم مسجل
|
[ التحقق من حالة العضوية ]
|
+------------------------+
| |
[ عضوية غير نشطة ] [ عضوية VIP نشطة ]
- حجب الأسعار - عرض أسعار الأعضاء الحصرية
- زر الانضمام للعضوية - إرسال طلبات حجز تفصيلية
- قائمة المفضلة الشخصية
2. دورة حياة طلب الحجز بمساعدة الكونسيرج
تعتمد المنصة آلة حالة صريحة (State Machine) لإدارة مسار الحجز بدقة:
[ مسودة الطلب ]
|
v
[ تم الإرسال من العضو ] ──> تسجيل التواريخ، وعدد الضيوف، والمواصفات الخاصة
|
v
[ قيد مراجعة الكونسيرج ] ──> تدقيق مستشار السفر للتواريخ والأسعار المتاحة
|
v
[ التنسيق مع إدارة الفندق ] ──> التواصل المباشر مع الفندق لتأكيد التوافر
|
v
[ جاهز للدفع ] ──> إصدار رابط دفع مخصص ومحدد المدة للعضو
|
v
[ حجز مؤكد ومكتمل ] ──> إتمام عملية الدفع وإصدار مستندات وتفاصيل الإقامة
3. محرك استكشاف الفنادق والوجهات
- نموذج بيانات هرمي: تصنيف الفنادق حسب الوجهات الجغرافية (مثل دبي، لندن، باريس، إسطنبول، المالديف)، مع تصنيفات الرفاهية ومصفوفات الخدمات المتاحة.
- إدارة الحالة من طرف العميل: استخدام مكتبة Zustand لتصفية الفنادق والوجهات وإدارة قائمة المفضلة بسلاسة فائقة دون طلبات شبكة زائدة.
- أداء بصري فائق وتجاوب كامل: تصيير خادمي (SSR) عبر Next.js App Router لدعم محركات البحث، مع مؤثرات بصرية متناسقة باستخدام Framer Motion و Tailwind CSS.
4. مسار الدفع المخصص
- لا تتم عمليات خصم آلي عشوائي. بعد مراجعة مستشار السفر وتأكيد المزايا الفندقية، يتم إرسال رابط دفع مشفر ومخصص للعضو يدعم وسائل الدفع المعتمدة (Apple Pay، فيزا، ماستركارد، مدى).
التحديات الهندسية والقرارات التقنية
1. حماية أسعار الأعضاء ومنع استخراج البيانات
- التحدي: منع ظهور الأسعار الخاصة بالأعضاء في كود HTML أو استجابات API للزوار العاديين مع الحفاظ على أرشفة صفحات الفنادق في محركات البحث.
- الحل: تطبيق التحقق الخادمي من حالة العضوية أثناء جلب البيانات، وتجريد بيانات الأسعار في طبقة الخادم وإرسال شارات العضوية بدلاً منها للمستخدمين غير المشتركين.
2. دعم العمليات التشغيلية التفاعلية (Human-in-the-Loop)
- التحدي: دمج خطوة المراجعة البشرية دون ترك العضو في حالة انتظار غامضة أو غير محددة.
- الحل: بناء لوحة "حجوزاتي" بحالات واضحة ومؤشرات تقدم توضح للعضو مرحلة معالجة طلبه خطوة بخطوة.
3. استقرار قائمة المفضلة وحالة الحساب
- التحدي: تمكين العضو من حفظ الفنادق واسترجاعها فورًا مع مزامنة الحالة عبر الجلسات المختلفة.
- الحل: بناء مخزن Zustand مع تخزين محلي متزامن وتحديث تلقائي لحظة تسجيل الدخول.
دوري ومسؤولياتي في المشروع
بصفتي Full-Stack Developer، شملت مهامي:
- تطوير المعمارية الأمامية المتكاملة باستخدام Next.js (App Router) و React و TypeScript و Tailwind CSS.
- بناء آليات التحقق من العضوية وحجب الأسعار لغير الأعضاء.
- برمجة نماذج طلب الحجز متعددة الخطوات، ولوحة إدارة الحجوزات، وقائمة المفضلة.
- تصميم صفحات الفنادق والوجهات وتطبيق المؤثرات التفاعلية باستخدام Framer Motion.
- تطبيق التحقق من صحة البيانات باستخدام Zod وإدارة الحالة عبر Zustand.
المراجع والروابط ذات الصلة
- التقنيات المستخدمة: NENext.js, REReact, TYTypeScript, TATailwind Css, FRFramer Motion, ZUZustand, ZOZod, JWJWT
- التواصل المباشر: تواصل معي