Foodi
تفاصيل العمل
تطبيق Foodi - منصة متكاملة لإدارة وطلب الطعام (MERN Stack & Angular)
وصف المشروع:
مشروع “Foodi” هو تطبيق ويب متطور لطلب الطعام وإدارة المطاعم، صُمم ليوفر تجربة مستخدم تفاعلية وسريعة مع نظام خلفي قوي لإدارة البيانات. يعتمد المشروع على هندسة برمجية تفصل بين الواجهة الأمامية والخلفية لضمان القابلية للتوسع والأداء العالي. يوفر التطبيق دورة حياة كاملة لعملية الطلب، بدءاً من تصفح المنيو وحتى إتمام الدفع وإدارة الطلبات من قِبل الإدارة.
التفاصيل التقنية (Technical Stack):
1. الواجهة الأمامية (Frontend):
الإطار البرمجي: Angular (تم استخدامه في الإصدار الأحدث لضمان استقرار الواجهات).
اللغة: TypeScript لضمان كود منظم وخالٍ من الأخطاء المنطقية.
التصميم: HTML5 و CSS3 مع استخدام تقنيات الـ Responsive Design لضمان عمل التطبيق بكفاءة على جميع الشاشات.
2. الخلفية وقاعدة البيانات (Backend & DB):
البيئة التشغيلية: Node.js مع إطار عمل Express.js.
قاعدة البيانات: MongoDB، مما يسمح بمرونة عالية في تخزين بيانات الوجبات، المستخدمين، والطلبات.
التوثيق والأمن: استخدام JWT (JSON Web Tokens) لتأمين مسارات الـ API والتحقق من صلاحيات المستخدمين والمديرين.
المميزات والوظائف الرئيسية:
- نظام إدارة المستخدمين: تسجيل دخول، إنشاء حسابات، وتأمين البيانات الشخصية.
- تصفح المنيو الذكي: عرض الوجبات مع تفاصيلها، أسعارها، وتقييماتها، مع إمكانية البحث والفلترة.
- سلة التسوق (Cart System): إضافة الوجبات، تعديل الكميات، وحساب الإجمالي لحظياً.
- لوحة تحكم الإدارة (Admin Panel):
- إدارة الوجبات (إضافة، تعديل، حذف).
- متابعة الطلبات الجديدة وتحديث حالتها.
- إحصائيات حول المبيعات والمستخدمين.
- API Documentation: تم بناء خلفية النظام مع توثيق كامل للـ APIs (Swagger/Postman) لتسهيل الربط مع أي واجهات أخرى مستقبلاً.
- الاستضافة: تم إعداد المشروع ليعمل على منصة Vercel للفرونت اند والباك اند لضمان سرعة الاستجابة.
ما يميز هذا العمل:
- Structure: تقسيم الكود إلى Modules و Services في Angular لسهولة الصيانة.
- RESTful API: بناء API منظم يتبع المعايير العالمية، مما يسهل عملية التطوير المستقبلي.
- Security: حماية المسارات الحساسة (Protected Routes) بحيث لا يمكن الوصول للوحة التحكم إلا للمخولين.
رابط ال documentation الخاصة بالباك اند: API: https://restaurant-sooty-...