منصة تفاعلية اجتماعية لتبادل وصفات الطهي

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

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

الحل

قمت بتصميم وتطوير تطبيق ويب متكامل ببنية "عميل-خادم" (Client-Server) باستخدام مجموعة تقنيات حديثة:

الواجهة الأمامية (Frontend):

React.js: لبناء واجهة مستخدم تفاعلية وقابلة للتكيف مع جميع الأجهزة (جوال، حاسوب).

Axios: لإرسال واستقبال البيانات من الخادم.

واجهة بديهية تحتوي على بطاقات الوصفات، فلترة متقدمة، بحث، وحساب شخصي.

الخادم (Backend):

Node.js + Express.js: لبناء واجهة برمجة التطبيقات (REST API) ومعالجة الطلبات والمصادقة.

JWT: لتأمين عملية تسجيل الدخول والمصادقة بدون حفظ جلسات على الخادم.

bcrypt: لتشفير كلمات المرور بشكل آمن.

قاعدة البيانات:

MySQL: لبناء هيكل بيانات مترابط.

phpMyAdmin: لإدارة قاعدة البيانات بسهولة.

الجداول الرئيسية: المستخدمون، الوصفات، المكونات، التصنيفات، التعليقات، التقييمات، المفضلة.

الوسائط المتعددة:

Firebase Storage: لرفع وتخزين الصور ومقاطع الفيديو، مع حفظ الروابط في قاعدة البيانات.

ميزات إضافية:

إنشاء رمز QR لكل وصفة لمشاركتها بسرعة وسهولة خارج المنصة.

بحث متقدم بالاسم، المؤلف، التصنيف، مدة التحضير، أو التقييم.

حساب شخصي يحتوي على السيرة الذاتية، صورة رمزية، وسجل النشاطات.

لوحة تحكم للإدارة للإشراف على المحتوى وإدارة المستخدمين.

النتيجة

النظام المطور يلبي تمامًا المتطلبات المحددة وقد اجتاز الاختبارات بنجاح على مختلف المتصفحات والأجهزة المحمولة.

أبرز الإنجازات:

بناء بنية تحتية آمنة وقابلة للتوسع.

تطبيق كامل لعمليات الإنشاء والقراءة والتحديث والحذف (CRUD) للوصفات والتعليقات.

ضمان أداء عالٍ حتى مع زيادة أعداد المستخدمين.

إضافة نظام التقييمات والمفضلة لتعزيز التفاعل.

ميزة إنشاء رموز QR الفريدة التي تميز المنصة عن غيرها.

القيمة العملية:

يمكن استخدام المشروع كـ:

حل جاهز لإطلاق مجتمع طهي متكامل.

قاعدة صلبة للتوسعات المستقبلية مثل إضافة متجر لمكونات الطعام، التكامل مع خدمات التوصيل، أو أنظمة التوصية الذكية.

نموذج عملي يثبت كفاءة مطور Fullstack الشامل.