01 / نظرة عامة
نظرة عامة
متجر ورد فاخر متعدد الفروع للسوق المصري — الإسكندرية وبرج العرب الجديدة والعلمين — كل فرع متجر مستقل بأسعاره وتوفّره وصوره. عربي RTL أولاً، وبلا بوابة دفع عن قصد: عند إتمام الطلب يُنشئ الموقع رسالة واتساب عربية كاملة يؤكدها صاحب المحل. React 18 + TypeScript مع خلفية Express + Prisma ولوحة إدارة كاملة.
02 / المشكلة
المشكلة
محل ورد فاخر بثلاثة فروع كان يدير كل طلب عبر المكالمات والرسائل. لم يكن يحتاج متجراً إلكترونياً تقليدياً، بل احتاج أن ينتقل أسلوب بيعه الحقيقي إلى الإنترنت.
03 / دوري في المشروع
دوري في المشروع
التصميم والتطوير الكامل
أعمال مختارة من هذه التجربة، والدور أعلاه يوضّح مساهمتي.
05 / القرارات الأساسية
القرارات الأساسية
راقبت كيف يبيعون فعلاً
قبل كتابة سطر واحد، تتبّعت رحلة طلب حقيقي من أوله لآخره. العميل يطلب صورة، ويسأل عن المتوفر اليوم، ثم يدفع عند الاستلام. لم تكن العقبة في الدفع أبداً، بل في الثقة والتوفّر. هذا أعاد تشكيل المشروع كله.
كل فرع صار متجراً مستقلاً
الحل السهل كان كتالوج واحد مع فلتر للموقع. لكن الإسكندرية وبرج العرب الجديدة والعلمين تحمل مخزوناً مختلفاً بأسعار مختلفة. لذلك حصل كل فرع على كتالوجه وأسعاره وتوفّره وصوره — كود واحد وثلاثة متاجر حقيقية.
إتمام الطلب ينتهي في واتساب عن قصد
بلا بوابة دفع. تُنشئ السلة رسالة طلب عربية كاملة ومنسّقة — المنتجات والفرع وملاحظات التوصيل — وتسلّمها لواتساب. يؤكّد صاحب المحل من القناة التي يعمل عليها أصلاً، ولا يواجه العميل نموذجاً لا يثق به.
عربي أصيل لا مُترجم
كان اتجاه اليمين لليسار هو التصميم الأساسي لا انعكاساً لاحقاً. صُمّمت المقاسات والأرقام وبطاقات المنتجات ونصوص الطلب بالعربية أولاً ثم تحقّقت بالإنجليزية — ولهذا لا يبدو أي جزء كقالب مُحوَّل.
لوحة تحكّم حتى لا يتصلوا بي
مستودع موحّد بـ React و TypeScript فوق Express و Prisma، مع لوحة إدارة كاملة للمنتجات والفروع والطلبات. التسليم هو الموعد النهائي الحقيقي: إن احتاج العميل مطوّراً لتغيير سعر، فقد فشل المشروع.
08 / النتيجة