مطلوب مطور Angular لبناء موقع منيو إلكتروني تفاعلي للمطاعم مع سلة وربط واتساب وإيميل OTP
تفاصيل المشروع
السلام عليكم،
أبحث عن مطور Front-End محترف متخصص في Angular لبناء تطبيق ويب تفاعلي لمنيو مطعم وجبات سريعة براند ("Cravers | كريفيرز").
المشروع يجب أن يكون بالكامل من جانب العميل (Client-Side Front-End فقط) باستخدام أحدث إصدارات Angular المستقرة، مع تطبيق بنية برمجية منظمة (Modular / Standalone Components & Services).
التقنيات المطلوبة:
Framework: Angular (TypeScript).
Styling & UI: Bootstrap 5 / Angular Material أو SCSS حديث.
Integrations: EmailJS SDK للتحقق من البريد.
المواصفات المطلوبة بالتفصيل:
قائمة الطعام وتجربة التصفح:
عرض الوجبات مقسمة حسب الأقسام (برجر، بيتزا، مقبلات، مشروبات) مع فلترة فورية وبحث سريع باستخدام Angular Pipes / Reactive Forms.
نافذة منبثقة (Customization Modal) لاختيار الأحجام (Single/Double) والإضافات المدفوعة (جبنة، صوصات).
سلة الطلبات المنبثقة (Offcanvas Cart):
إدارة حالة السلة باستخدام Angular Service مخصصة، مع إمكانية تعديل وحذف الكميات وحساب الإجمالي والضريبة ورسوم التوصيل لحظياً.
نظام تسجيل الدخول والتحقق بالبريد (Email OTP Auth):
إدخال بيانات العميل الأساسية (الاسم، الهاتف، البريد).
توليد وإرسال كود تحقق حقيقي من 6 أرقام عبر EmailJS للبريد الإلكتروني، وتوفير شاشة إدخال PIN مع عد تنازلي لإعادة الإرسال.
حفظ بيانات المستخدم المفعل داخل localStorage.
نظام الطلب عبر واتساب (Hybrid WhatsApp Dispatch):
تجهيز فاتورة مفصلة للطلب تشمل الأصناف وتفاصيل التوصيل.
إرسال الفاتورة آلياً لرقم العميل عبر استدعاء بوابة WhatsApp API (مثل UltraMsg عبر HttpClient).
توفير خطة بديلة (Fallback) تفتح رابط wa.me المباشر لرقم المطعم إذا فشل الـ API.
لوحة تعديل الأصناف (Admin Preview Component):
واجهة بسيطة تمكّن من إضافة وجبات جديدة وحفظها في localStorage لتنعكس في المنيو.
معايير التصميم:
متجاوب 100% مع شاشات الهواتف الذكية (Mobile-First).
دعم الوضعين المظلم والفاتح (Dark / Light Mode) وخط Cairo.
تضمين Favicon مناسب للموقع.
شروط التسليم:
كود Angular منظم، مقسم إلى Components و Services مع Clean Architecture وتعليقات توضيحية.
رفع نسخة تجريبية حية (Live Demo) على Vercel أو Netlify أو GitHub Pages لمعاينة واختبار العمل قبل الاستلام النهائي.
صاحب المشروع
Ali M.
| تاريخ التسجيل | |
| معدل التوظيف | |
| المشاريع المفتوحة | 1 |
| مشاريع قيد التنفيذ | 0 |
| التواصلات الجارية | 0 |
العروض المقدمة
Awon K.
السلام عليكم أستاذ علي، اطلعت بعناية على تفاصيل مشروع منيو Cravers التفاعلي، وأرى أنه مشروع واضح المواصفات ومناسب تماما لخبرتي في بناء تطبيقات Angular من جانب ا...
زياد ن.
السلام عليكم و رحمة الله و بركاته , المطلوب واضح جدا. أقدر تنفيذ تطبيق الـMenu بالكامل باستخدام Angular وTypeScript من جانب الـClient-Side، مع تنظيم المشروع بشك...
Shahinda G.
السلام عليكم أستاذ علي، اطلعت على تفاصيل مشروع منيو Cravers، وأعجبتني فكرة المشروع وطريقة تحديد المتطلبات. أستطيع تنفيذ الواجهة باستخدام Angular وTypeScript مع ...
Mohamed A.
السلام عليكم، اطلعت على تفاصيل المشروع ويمكنني تنفيذه باستخدام Angular 22 وStandalone Components بالشكل المطلوب. لدي خبرة عملية قوية في Angular، وسبق لي استخدام...
Belal S.
أخدت بالي من نقطة مهمة جدا في مشروع Cravers، وهي إنك عامل الـWhatsApp Ordering كـHybrid Flow: API للإرسال wa .me كـFallback. ودي من أهم النقاط في المشروع في رأي...
Hosam M.
السلام عليكم ورحمة الله وبركاته اطلعت على تفاصيل المشروع بالكامل، والمشروع واضح بالنسبة لي من ناحية الـUI والـBusiness Logic والتكاملات المطلوبة، وأقدر أنفذه إن...
هدى ر.
السلام عليكم أستاذ علي، اطلعت على المشروع وفهمت المطلوب، وأقدر أنفذه بالكامل بـ Angular وTypeScript، بداية من المنيو والبحث والفلترة وتخصيص الوجبات، لحد السلة و...
Hossam S.
استاذ علي اقدر علي بناء Offcanvas Cart مع إدارة حالة السلة من خلال Angular Service وحساب الإجماليات والضريبة والتوصيل لحظيا. تنفيذ نظام Email OTP باستخدام Email...
محمد م.
السلام عليكم، اطلعت على تفاصيل المشروع بالكامل، والمشروع واضح بالنسبة لي من ناحية هيكلة Angular والـComponents والـServices والتكاملات المطلوبة. سأقوم بتنفيذ ال...
محمد طاهر خان نيازي ح.
مرحبا علي، هذا مناسب تماما، استخدام Angular مع بنية مكونات/خدمات نظيفة، لا حاجة إلى خادم خلفي. لدي خبرة عملية في بناء تطبيقات Angular بمعمارية حديثة (Standalone...
Akram B.
السلام عليكم أستاذ علي، قرأت تفاصيل المشروع كاملة، والمطلوب واضح: تنفيذ واجهة مطعم Single Page Application سريعة ومتجاوبة باستخدام Angular، تشمل عرض الوجبات وتص...
Ahmed E.
السلام عليكم أستاذ علي اطلعت على تفاصيل مشروع منيو Cravers كريفيرز بشكل كامل، وفهمت المتطلبات التقنية بدقة (Standalone Angular، نظام OTP عبر EmailJS، تكامل What...
محمود م.
السلام عليكم أستاذ علي ، قرأت تفاصيل مشروع Cravers بالكامل ، والمشروع مناسب جدا لطبيعة عملي ك Angular Frontend Developer ، خصوصا في بناء التطبيقات التفاعلية باس...
Galal M.
السلام عليكم ورحمة الله، شكرا على التفاصيل الدقيقة في الوصف واضح إن فيه تفكير هندسي حقيقي وراء المواصفات، وده بيسهل التنفيذ كتير. بخصوص خبرتي: عندي خبرة في Angu...