**HTML**: قمت ببناء المحتوى باستخدام عناصر HTML5 الدلالية لتحسين الوصولية وتحسين محركات البحث (SEO).
**CSS**: طبقت مبادئ التصميم المتجاوب باستخدام Flexbox وGrid، بالإضافة إلى استخدام الرسوم المتحركة والانتقالات لتقديم تجربة مستخدم سلسة ومتقنة.
**JavaScript**: استخدمت JavaScript النقي لإضافة وظائف ديناميكية وتفاعلية، بما في ذلك التحقق من صحة النماذج، التحديثات في الوقت الفعلي، جلب البيانات بشكل غير متزامن، وإضافة وإزالة العناصر من السلة.
**DummyJSON**: قمت بمحاكاة بيانات واقعية لقوائم المنتجات، مما أتاح لنا العمل مع بيانات JSON وممارسة عمليات CRUD.
**الميزات الرئيسية**:
**قائمة المنتجات الديناميكية**: يتم جلب المنتجات وعرضها ديناميكيًا من ملف JSON، مما يضمن محتوى محدثًا وقابل للتوسع ويتم تخزينه في التخزين المحلي.
**صفحة تفاصيل المنتج**: تحتوي كل منتج على صفحة مخصصة تعرض معلومات مفصلة وصورًا، بالإضافة إلى المراجعات وإمكانية الإضافة إلى السلة.
**سلة التسوق**: يمكن للمستخدمين إضافة وإزالة العناصر من السلة، مع تحديثات فورية على إجمالي السعر وعدد العناصر.
**وظيفة البحث والتصفية**: تم تنفيذ شريط بحث وفلاتر لتحسين تجربة المستخدم وتسهيل العثور على المنتجات. يمكن للمستخدمين البحث حسب التصنيفات أو عبر جميع المنتجات، وتصفية الأسعار من الأدنى إلى الأعلى أو العكس.
**مصادقة المستخدم**: تم إضافة نظام تسجيل دخول وتسجيل للمستخدم لمحاكاة الوظائف المخصصة لكل مستخدم وحفظ معلومات المستخدم في التخزين المحلي، بحيث لا يمكن إضافة المنتجات إلى السلة دون تسجيل الدخول.
**نتائج التعلم**:
**التعاون**: عززنا مهارات العمل الجماعي والتواصل، حيث عملنا معًا لحل المشكلات ودمج أجزاء المشروع بسلاسة.
**حل المشكلات**: واجهنا تحديات مثل إدارة الحالة والعمليات غير المتزامنة وقمنا بحلها.
اسم المستقل | Nouran S. |
عدد الإعجابات | 0 |
عدد المشاهدات | 7 |
تاريخ الإضافة | |
تاريخ الإنجاز |