التحدي
كان على المنتج معالجة مشكلات تشغيلية مترابطة.
يتوقع العميل اتساق البحث والحجز والدفع بين الأجهزة، وأي اختلاف في الأسعار أو التوفر يضعف الثقة. كما كان مطلوباً بيع الخدمات المفردة والباقات المخفضة والعروض المحددة زمنياً في مسار حجز واحد.
المنصات وSaaS
IM Beauty Glow
دراسة حالة لسوق تجميل: تطبيقات ويب وهاتف تتشارك API لاكتشاف الصالونات وحجز الخدمات والباقات وتجارة المنتجات.
نظرة عامة على المشروع
منصة مترابطة مبنية حول احتياجات التشغيل الفعلية.
IM Beauty Glow سوق للعملاء بمتجر Next.js وتطبيق React Native يشتركان في عقد API نفسه حتى أسماء الحقول. يكتشف الضيوف الصالونات ويحجزون الخدمات والباقات والعروض ويشترون المنتجات ويديرون الطلبات من أي واجهة. وتسجل الصالونات حضورها وتديره عبر المنصة نفسها.
النهج التقني
نهج تقني مدروس شكّل النظام.
يدير الويب الاكتشاف والخدمات والباقات والعروض والسلة والدفع والحساب عبر طبقة API محددة الأنواع تفصل منطق التجارة عن العرض. يطابق الجوال هذا العقد؛ روجعت قواعد الويب والخلفية قبل توسيع الحجز إلى خدمة أو عرض أو باقة عبر نقطة الاتصال نفسها ومعرّفاتها الاختيارية. وتظل أسعار العروض والباقات معتمدة من الخادم لتجنب اختلاف الخصومات بين التطبيقين.
تسجيل الصالون ذاتياً
نظرة أقرب إلى المنتج.
مسار إرشادي متعدد الخطوات لبيانات المالك والنشاط والموقع والخدمات والمواعيد.
تفاصيل الصالون
نظرة أقرب إلى المنتج.
صفحة تفاصيل الصالون: قائمة الخدمات وأسعارها، وأبرز المتخصصين، وإجراء مباشر للحجز، بالعرض نفسه على الويب والتطبيق المرافق.
المنتجات والواجهات
ما بنيناه
- متجر ويب لاكتشاف الصالونات والحجز والسلة والدفع والحساب
- تطبيق iOS وAndroid مصاحب باستخدام React Native
- مسار تسجيل الصالون ذاتياً
- مسار حجز مشترك للخدمات والباقات والعروض
- مسار SEO يولد خريطة الموقع وملف .htaccess عند البناء
- تكامل الإشعارات عبر OneSignal وNotifee
نطاق المنصة
القدرات الأساسية
- اكتشاف الصالونات وحجز الخدمات والباقات والعروض بمسار مشترك
- كتالوج المنتجات والسلة والدفع على الويب والهاتف
- مزامنة الحجوزات والطلبات والمراجعات في حساب واحد
- أسعار الباقات والعروض معتمدة من الخادم دون إعادة حساب على الجهاز
- تسجيل الصالونات ذاتياً وإدارة إدراجها
- إشعارات الحجوزات وتحديثات الطلبات
- TypeScript صارم في التطبيقين مع عقد API مشترك
الأدلة
النطاق والنتائج الموثقة
- تطبيقا ويب وجوال بعقد خلفي متطابق حتى أسماء حقول الطلب
- 47 صفحة في متجر الويب و29 شاشة في تطبيق الجوال
- توسيع الحجز للباقات والعروض دون تغيير الخلفية، عبر مطابقة عقد التحقق القائم
- التحقق من خلو كود الجوال من أخطاء TypeScript وESLint بعد إزالة الكود غير المستخدم والبيانات التجريبية
المشروع التالي
هل تبني نظاماً بمستوى مشابه من التعقيد؟
لنناقش البنية وخطة التسليم ونموذج التشغيل الذي يحتاجه.
أسئلة وأجوبة
أسئلة حول IM Beauty Glow
ما هو IM Beauty Glow؟
IM Beauty Glow سوق للعملاء بمتجر Next.js وتطبيق React Native يشتركان في عقد API نفسه حتى أسماء الحقول. يكتشف الضيوف الصالونات ويحجزون الخدمات والباقات والعروض ويشترون المنتجات ويديرون الطلبات من أي واجهة. وتسجل الصالونات حضورها وتديره عبر المنصة نفسها.
ما الذي بنيناه في IM Beauty Glow؟
يشمل العمل متجر ويب لاكتشاف الصالونات والحجز والسلة والدفع والحساب, تطبيق iOS وAndroid مصاحب باستخدام React Native, مسار تسجيل الصالون ذاتياً, مسار حجز مشترك للخدمات والباقات والعروض, مسار SEO يولد خريطة الموقع وملف .htaccess عند البناء, تكامل الإشعارات عبر OneSignal وNotifee.
ما دور Muhammad Muzammil Qureshi في IM Beauty Glow؟
تولى Muhammad Muzammil Qureshi دور المدير التقني بمسؤوليات تشمل التوجه التقني والهندسة والتسليم والأنظمة التشغيلية الموضحة في دراسة الحالة.
ما التقنيات المستخدمة في IM Beauty Glow؟
يستخدم IM Beauty Glow التقنيات التالية: Next.js 15 · React 19 · TypeScript · Tailwind CSS v4 · React Native 0.86.
كيف يتسق حجز الخدمات والباقات والعروض بين الويب والهاتف؟
يدير تطبيق Next.js الاكتشاف والخدمات والباقات والعروض والسلة والدفع والحساب عبر طبقة API محددة الأنواع تفصل منطق الحجز والضرائب والدفع عن العرض. يطابق تطبيق React Native العقد نفسه، وتظل أسعار الباقات والعروض معتمدة من الخادم لتجنب اختلاف الخصومات بين التطبيقين.
هل يمكن للزوار حجز أكثر من خدمات منفردة في IM Beauty Glow؟
نعم. يقبل مسار الحجز نفسه خدمة منفردة أو باقة مخفضة أو عرضاً محدد المدة عبر نقطة اتصال واحدة والمعرّفات الاختيارية نفسها المستخدمة على الويب، دون إنشاء نظام حجز منفصل.
كيف تنضم الصالونات إلى منصة IM Beauty Glow؟
تسجل الصالونات ذاتياً عبر مسار «أدرج صالونك»، وتقدم بيانات النشاط والموقع والخدمات وساعات العمل. ثم تدير ملفاتها العامة وحجوزاتها وتجارة المنتجات عبر المنصة نفسها.
ما التحقق الذي أُجري قبل إطلاق IM Beauty Glow؟
تضم واجهة الويب 47 صفحة وتطبيق الهاتف 29 شاشة، وكلاهما مبني على عقد خلفي مطابق حتى أسماء حقول الطلبات. جرى التحقق من خلو تطبيق الهاتف من أخطاء TypeScript وESLint بعد إزالة الشيفرة غير المستخدمة والبيانات التجريبية.