موقع E-Commerce لوصفات الطعام مع سلة تسوق وإدارة مستخدمين

سفرة - منصة الوصفات والطبخ العربي

سفرة هي منصة ويب عربية متكاملة مخصصة لعشاق الطبخ، تتيح للمستخدمين اكتشاف الوصفات العربية والعالمية وطلب مكوناتها مباشرة. تم تطوير المشروع بالكامل بـ HTML، CSS، و JavaScript Vanilla بدون أي فريم ووك.

الميزات الرئيسية:

نظام المصادقة: تسجيل دخول كامل مع التحقق من المستخدمين عبر JSON وصلاحيات مختلفة بين Admin والمستخدم العادي.

الصفحة الرئيسية: Hero section ديناميكي يعرض وصفة اليوم، مع عرض التصنيفات والوصفات الأكثر شعبية في سلايدر تفاعلي.

صفحة الوصفات: عرض كامل للوصفات مع فلترة حسب التصنيف والبحث بالاسم.

صفحة التفاصيل: عرض تفصيلي لكل وصفة يشمل المكونات والخطوات والقيم الغذائية، مع إمكانية تحديد المكونات المطلوبة وتغيير عدد الأشخاص مع تحديث السعر تلقائياً، واقتراحات لوصفات مشابهة.

سلة التسوق: إضافة المكونات المختارة للسلة مع حساب السعر الإجمالي وتخزينها في local Storage.

تجربة مستخدم احترافية: تصميم RTL كامل باللغة العربية، انيميشن سلسة، Dialog components مخصصة، وتصميم Responsive.

التقنيات المستخدمة:

HTML, CSS ,JavaScript, REST API, local Storage, JSON