تخطي إلى المحتوى
العودة إلى الأعمال

مشروع تطبيق وصفات اجتماعي للهاتف

تطبيق وصفات Ionic React مع خادم Express/PostgreSQL وموجز وصفات وتفاصيل وإنشاء وتعليقات وإعجابات وملف شخصي.

عارض صور المشروع

تطبيق وصفات اجتماعي للهاتف

صورة 1 من 11

فكرة المشروع

تطبيق اجتماعي لمشاركة وصفات طبخ، بخطوات تحضير منظّمة، بلد/منطقة الوصفة، تعليقات وإعجابات، وواجهة Ionic تعمل كتطبيق موبايل وويب في نفس الوقت.

ما الذي تعرضه الواجهة

موجز وصفات بالوضعين الداكن والفاتح، صفحتي تفاصيل وصفة بإعجابات وتعليقات حقيقية، صفحتي ملف شخصي بحالتي الصورة، ونموذج إنشاء وصفة جديدة.

دوري وقراراتي

اكتشفت أثناء المعاينة الحية إن عدّاد التعليقات بيظهر صفر في الموجز العام رغم وجود تعليقات فعلية — السبب إن استعلام قائمة الوصفات مكانش بيرجّع مرجع التعليقات خالص. الإصلاح كان إضافة مرجع خفيف (id بس، مش محتوى التعليق الكامل) عشان العميل يقدر يحسب العدد بدون تحميل بيانات زيادة عن الحاجة. لما رجعت أتأكد بعد النشر، لقيت نفس العلة موجودة في صفحة “منشوراتي” تحديدًا (استعلام مختلف عن الموجز العام)، فطبّقت نفس الحل بالظبط هناك. اكتشفت كمان إن الصورة الافتراضية بتنكسر بسبب سلاش مزدوج في الرابط، فصلّحت نقطة الدمج بدل تغيير البيانات المخزّنة.

الجوانب التقنية

Express + Sequelize بقاعدة PostgreSQL، عميل Ionic React مبني بـVite (يعمل موبايل وويب)، تخزين صور قابل للتبديل (محلي/Cloudinary مع تمديد طول الحقل لاستيعاب روابط Cloudinary الطويلة)، ومصادقة bcrypt أصلية.

قيمة المشروع داخل المعرض

بيوضح تتبّع نفس العلة عبر استعلامين مختلفين للبيانات (موجز عام مقابل “منشوراتي”)، وإصلاح رابط صورة مكسور بمعالجة نقطة الدمج بدل البيانات نفسها.

عرض أعمال أكثر
عرض خدمات أكثر