مشروع متجر إلكتروني بـ Angular.js

وصف مشروع التجارة الإلكترونية بـ Angular

نظرة عامة:

تطبيق تجارة إلكترونية حديث ومتجاوب مبني بـ Angular 18، مع دعم الرسم من جانب الخادم (SSR) وتطبيق ويب تقدمي (PWA) لأداء مثالي، دعم دون اتصال، وتجربة مستخدم سلسة.

تقنيات المشروع:

إطار العمل: Angular 18 (مكونات مستقلة، SSR مع Angular Universal)

اللغة: TypeScript

التصميم: Bootstrap 5، أيقونات FontAwesome

إدارة الحالة: RxJS للبرمجة التفاعلية

PWA: Angular Service Worker للتخزين المؤقت والدعم دون اتصال

أدوات البناء: Angular CLI، Webpack (عبر Angular DevKit)

تكامل: API RESTful (خدمات للمصادقة، المنتجات، السلة، الفئات، العلامات التجارية)

نشر: Vercel/Netlify جاهز مع بناءات الإنتاج

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

مصادقة المستخدم: تسجيل الدخول والتسجيل مع إدارة الحالة التفاعلية

تصفح المنتجات: صفحة الرئيسية، قائمة المنتجات، الفئات، والعلامات التجارية

تفاصيل المنتج: صفحة محددة لكل منتج مع صور متعددة وتقييمات

سلة التسوق: إضافة، إزالة، تحديث الكميات، مسح السلة، وعرض الإجمالي

الدفع: صفحة الخروج (checkout) لإتمام الطلبات

تصميم متجاوب: يعمل على الهواتف، الحواسيب، والأجهزة اللوحية

تحديثات فورية: إشعارات توست للعمليات (إضافة إلى السلة، إزالة، إلخ)

PWA: تثبيت التطبيق، تخزين مؤقت للبيانات، ودعم دون اتصال

مكونات إضافية: شريط التنقل، تذييل الصفحة، شاشة تحميل، وصفحة خطأ 404

إدارة الحالة: خدمات مركزية للسلة والمصادقة مع RxJS