السيف – اطلب الأسماك المملحة عبر الإنترنت

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

saltedfish-rho.vercel.app
الصفحة الرئيسية: فسيخ ورنجة مملحة يدويًا في البيت.

نظرة عامة

تم تصميم هذا الموقع وبناؤه لمشروع «السيف»، وهو مشروع صغير في المعادي بالقاهرة يملّح الفسيخ والرنجة والسردين والبطارخ يدويًا في البيت. يتصفح العميل قائمة الأصناف، ويضيف ما يريد إلى السلة، ويرسل طلبه في خطوات قليلة. ويصل كل طلب إلى صاحب المشروع على واتساب. والموقع باللغة العربية، ومصمَّم للهاتف أولًا.

التحدي

ما الذي لم يكن يعمل

في السابق كان العميل يطلب عبر محادثات طويلة على واتساب. وكان المشروع يريد طريقة بسيطة لعرض أصنافه بالصور والأسعار. وكان يجب أيضًا أن يصل كل طلب إلى صاحب المشروع كاملًا، بالأصناف والإجمالي والعنوان.

الحل

ما الذي بنيته

تم بناء قائمة أصناف فيها بحث وأقسام وصور وأسعار، مع نافذة خاصة لكل صنف. يضيف العميل الصنف بضغطة واحدة، ويعرض شريط أسفل الصفحة عدد الأصناف والإجمالي. وعند إتمام الطلب يكتب اسمه ورقمه وعنوانه، فيصل الطلب كاملًا إلى صاحب المشروع على واتساب. وفي الموقع أيضًا صفحة لآراء العملاء مع تقييم بالنجوم، وصفحة للتواصل. ومن لوحة الإدارة يدير صاحب المشروع الطلبات والأسعار والصور والآراء.

تطبيق الهاتف

في جيبك

فسيخ ورنجة متملّحين بالإيد على موبايلك.
فسيخ ورنجة متملّحين بالإيد على موبايلك.
المنيو فيه بحث وأقسام وشريط السلة.
المنيو فيه بحث وأقسام وشريط السلة.
دوس على الصنف تشوفه كبير وتضيفه.
دوس على الصنف تشوفه كبير وتضيفه.
راجع طلبك وبعدين اكتب بياناتك.
راجع طلبك وبعدين اكتب بياناتك.
الأصناف الأكثر طلباً بأسعارها.
الأصناف الأكثر طلباً بأسعارها.

التقنيات

عدد المكونات: 05

الأدوات التي بُني بها، من الشاشات التي يستخدمها الناس إلى الخدمات التي تحفظ البيانات وتفكّر وترسل الرسائل.

Node.js & Express
MongoDB
JavaScript
Cloudinary
TextMeBot (WhatsApp)
الشاشات

من داخل المنتج

01 / 06
01الصفحة الرئيسية: فسيخ ورنجة مملحة يدويًا في البيت.
02قائمة الأصناف مع البحث والأقسام والأسعار وشريط السلة.
03اضغط على أي صنف لترى صورة كبيرة وسعره، وتضيفه إلى السلة.
04صفحة إتمام الطلب: طلبك، والإجمالي، وزر التأكيد.
05الأصناف الأكثر طلبًا، مع سعر كل صنف.
06آراء العملاء في الأسماك، مع تقييم بالنجوم.
دراسة الحالة التالية · 15 · موقع لعميلع التسوية – اطلب طعامًا بيتيًا جاهزًا للطهيافتح دراسة الحالة