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

صورة 1 من 11
فكرة المشروع
تطبيق اجتماعي لمشاركة وصفات طبخ، بخطوات تحضير منظّمة، بلد/منطقة الوصفة، تعليقات وإعجابات، وواجهة Ionic تعمل كتطبيق موبايل وويب في نفس الوقت.
ما الذي تعرضه الواجهة
موجز وصفات بالوضعين الداكن والفاتح، صفحتي تفاصيل وصفة بإعجابات وتعليقات حقيقية، صفحتي ملف شخصي بحالتي الصورة، ونموذج إنشاء وصفة جديدة.
دوري وقراراتي
اكتشفت أثناء المعاينة الحية إن عدّاد التعليقات بيظهر صفر في الموجز العام رغم وجود تعليقات فعلية — السبب إن استعلام قائمة الوصفات مكانش بيرجّع مرجع التعليقات خالص. الإصلاح كان إضافة مرجع خفيف (id بس، مش محتوى التعليق الكامل) عشان العميل يقدر يحسب العدد بدون تحميل بيانات زيادة عن الحاجة. لما رجعت أتأكد بعد النشر، لقيت نفس العلة موجودة في صفحة “منشوراتي” تحديدًا (استعلام مختلف عن الموجز العام)، فطبّقت نفس الحل بالظبط هناك. اكتشفت كمان إن الصورة الافتراضية بتنكسر بسبب سلاش مزدوج في الرابط، فصلّحت نقطة الدمج بدل تغيير البيانات المخزّنة.
الجوانب التقنية
Express + Sequelize بقاعدة PostgreSQL، عميل Ionic React مبني بـVite (يعمل موبايل وويب)، تخزين صور قابل للتبديل (محلي/Cloudinary مع تمديد طول الحقل لاستيعاب روابط Cloudinary الطويلة)، ومصادقة bcrypt أصلية.
قيمة المشروع داخل المعرض
بيوضح تتبّع نفس العلة عبر استعلامين مختلفين للبيانات (موجز عام مقابل “منشوراتي”)، وإصلاح رابط صورة مكسور بمعالجة نقطة الدمج بدل البيانات نفسها.
أعمال ذات صلة
تطبيق محادثة فورية
تطبيق محادثة فورية بمحادثات ثنائية، حالة قراءة/عدم قراءة، وأحداث لحظية عبر Socket.IO، بعميلي ويب وموبايل منفصلين على نفس الخادم.
اقرأ المزيدواجهة هاتف للطبيب والمريض
تطبيق Expo للتعرف على الأطباء والبحث عنهم، بوضع خرائط أوفلاين، مبني بـExpress وPostgreSQL.
اقرأ المزيدتطبيق مشاركة صور اجتماعي
منصة اجتماعية لمشاركة الصور بموجز عام وإعجابات، بوضعين داكن وفاتح، مبنية بـ Next.js وMongoDB وCloudinary لتخزين الصور.
اقرأ المزيدخدمات ذات صلة
تطوير واجهات تطبيقات هاتف
واجهات تطبيقات موجهة للهاتف ومرتبطة بـ APIs عند الحاجة، مع تنقل ونماذج وملفات شخصية ومعاينات ويب متجاوبة.
تطوير APIs وخدمات خلفية
خدمات خلفية REST أو GraphQL منظمة مع نماذج بيانات وتحقق ومصادقة عند الحاجة ونقاط ربط جاهزة للواجهة.












