caffeine

تقنيات مستخدمة في المشروع:

Bootstrap 5 لتصميم واجهة متجاوبة واستخدام المكوّنات الجاهزة.

JavaScript (ES6) لإضافة التفاعلية وعرض البيانات بشكل ديناميكي.

JSON Server / Fake API للتعامل مع البيانات بشكل واقعي أثناء التطوير.

LocalStorage لحفظ بيانات المستخدم والسلة.

Bootstrap Icons & FontAwesome لتحسين الواجهة وإضافة أيقونات جذابة.

---

المميزات التي تم تنفيذها:

واجهة متجاوبة بالكامل تعمل على الكمبيوتر، التابلت، والموبايل.

شريط تنقل (Navigation Bar) مع قوائم منسدلة.

عرض المنتجات باستخدام بطاقات (Cards) ونوافذ منبثقة (Modals) لعرض التفاصيل.

نظام سلة متكامل: إضافة، تحديث، وحذف المنتجات.

التحقق من صحة المدخلات في نماذج تسجيل الدخول، إنشاء الحساب، وطلب الشراء.

خاصية البحث والتصفية للوصول السريع للمنتجات.

استخدام Loading Spinners ومعالجة الأخطاء لتحسين تجربة المستخدم.

عرض المنتجات بشكل ديناميكي من خلال الـ API.

حساب ملخص الطلب وإظهار الإجمالي داخل السلة.

حفظ بيانات السلة باستخدام LocalStorage بحيث تبقى حتى بعد إغلاق المتصفح.

واجهة سهلة الاستخدام بتصميم عصري وأيقونات احترافية.

التعاون ضمن فريق باستخدام Git & GitHub لإدارة الإصدارات