ع التسوية – اطلب طعامًا بيتيًا جاهزًا للطهي

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

3taswya.vercel.app
الصفحة الرئيسية: طعام بيتي طازج، جاهز للطهي.

نظرة عامة

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

التحدي

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

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

الحل

ما الذي بنيته

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

تطبيق الهاتف

في جيبك

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

التقنيات

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

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

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

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

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