"تطبيق متجر إلكتروني - واجهة متكاملة باستخدام Angular"

وصف مشروع تطبيق متجر إلكتروني (Angular)

نظرة عامة:

تطبيق ويب متكامل لمتجر إلكتروني تم تطويره باستخدام Angular كجزء من مشروع تخرج برنامج ITI، مع تكامل كامل مع DummyJSON API لإدارة المنتجات وعربة التسوق.

الميزات الرئيسية المعروضة في الصور:

نظام المنتجات:

عرض قائمة المنتجات ديناميكيًا عبر API (مع تمييز حالة التوفر IN/OUT OF STOCK)

بطاقات منتجات قابلة للنقر مع زر "Add to Cart" و"Details"

صفحة تفاصيل المنتج الكاملة (مثال: Chicken Meat - $9.99)

عربة التسوق الذكية:

إدارة الكميات (+/-) مع تحديد الحد الأقصى للكمية (5 كحد أقصى كما في الصورة)

إمكانية حذف العناصر (زر X Remove)

حساب المجموع الكلي تلقائيًا (مثال: £129.92)

رسائل تنبيه عند تجاوز الحد المسموح (كما في الصورة)

نظام المستخدمين:

صفحات تسجيل الدخول (Login) والتسجيل (Register)

تحقق من الحقول المطلوبة (Form Validation)

رسائل تأكيد (Login Success)

إدارة الأخطاء:

صفحة 404 مخصصة عند الوصول لرابط غير موجود

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

Angular Framework

RxJS لإدارة العمليات غير المتزامنة

Angular Routing والتنقل بين الصفحات

Reactive Forms لنماذج التسجيل/الدخول

Services لإدارة حالة التطبيق

نقاط التميز:

واجهة مستخدم سهلة الاستخدام وسريعة الاستجابة

تكامل ناجح مع DummyJSON API

نظام متكامل لإدارة سلة التسوق

إدارة كمية المنتجات مع مراعاة الحد الأقصى

تصميم متجاوب يعمل على مختلف الأجهزة

روابط مهمة:

Products API: https://dummyjson.com/pro...

Product Details API: https://dummyjson.com/pro...}

ملاحظات التطوير:

تم تنفيذ جميع المتطلبات الأساسية (Basic Requirements)

تم تنفيذ المتطلبات الإضافية الخاصة بإدارة كمية المنتج حسب المخزون المتاح

الواجهة تدعم اللغتين العربية والإنجليزية