تفاصيل العمل

**HTML**: قمت ببناء المحتوى باستخدام عناصر HTML5 الدلالية لتحسين الوصولية وتحسين محركات البحث (SEO).

**CSS**: طبقت مبادئ التصميم المتجاوب باستخدام Flexbox وGrid، بالإضافة إلى استخدام الرسوم المتحركة والانتقالات لتقديم تجربة مستخدم سلسة ومتقنة.

**JavaScript**: استخدمت JavaScript النقي لإضافة وظائف ديناميكية وتفاعلية، بما في ذلك التحقق من صحة النماذج، التحديثات في الوقت الفعلي، جلب البيانات بشكل غير متزامن، وإضافة وإزالة العناصر من السلة.

**DummyJSON**: قمت بمحاكاة بيانات واقعية لقوائم المنتجات، مما أتاح لنا العمل مع بيانات JSON وممارسة عمليات CRUD.

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

**قائمة المنتجات الديناميكية**: يتم جلب المنتجات وعرضها ديناميكيًا من ملف JSON، مما يضمن محتوى محدثًا وقابل للتوسع ويتم تخزينه في التخزين المحلي.

**صفحة تفاصيل المنتج**: تحتوي كل منتج على صفحة مخصصة تعرض معلومات مفصلة وصورًا، بالإضافة إلى المراجعات وإمكانية الإضافة إلى السلة.

**سلة التسوق**: يمكن للمستخدمين إضافة وإزالة العناصر من السلة، مع تحديثات فورية على إجمالي السعر وعدد العناصر.

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

**مصادقة المستخدم**: تم إضافة نظام تسجيل دخول وتسجيل للمستخدم لمحاكاة الوظائف المخصصة لكل مستخدم وحفظ معلومات المستخدم في التخزين المحلي، بحيث لا يمكن إضافة المنتجات إلى السلة دون تسجيل الدخول.

**نتائج التعلم**:

**التعاون**: عززنا مهارات العمل الجماعي والتواصل، حيث عملنا معًا لحل المشكلات ودمج أجزاء المشروع بسلاسة.

**حل المشكلات**: واجهنا تحديات مثل إدارة الحالة والعمليات غير المتزامنة وقمنا بحلها.

ملفات مرفقة

بطاقة العمل

اسم المستقل Nouran S.
عدد الإعجابات 0
عدد المشاهدات 7
تاريخ الإضافة
تاريخ الإنجاز

المهارات المستخدمة