e-commerace website
تفاصيل العمل
منصة تجارة إلكترونية متكاملة (Full-Stack E-Commerce Application) تم تطويرها باستخدام
Angular في الواجهة الأمامية و Node.js + Express.js في الواجهة الخلفية.
التطبيق يوفر تجربة مستخدم سلسة وآمنة لشراء المنتجات، مع لوحة تحكم كاملة للإدارة، نظام دفع إلكتروني، ودعم للمحادثات المباشرة بين المستخدم والإدارة.
**الواجهة الأمامية (Angular)**
- واجهة مستخدم حديثة وسريعة باستخدام Angular
- تصميم Responsive متوافق مع جميع الشاشات
استخدام:
Components & Modules
Services للتعامل مع الـ APIs
Guards لحماية الصفحات
Interceptors لإدارة JWT
إدارة الحالة للمستخدم وسلة المشتريات
تجربة استخدام سلسة (UX/UI)
**حسابات المستخدمين**
- تسجيل حساب جديد وتسجيل الدخول
- تخزين ال token وإدارة الجلسات
- حماية الصفحات الخاصة بالمستخدم
- فصل كامل بين صلاحيات المستخدم وال admin
**تجربة التسوق**
- عرض المنتجات مع Pagination و Filtering
- عرض تفاصيل المنتج والصور
- إضافة المنتجات إلى السلة
- تحديث الكميات وحذف المنتجات
- إنشاء الطلب بسهولة
**الطلبات والعناوين**
- إدارة عناوين الشحن من الواجهة
- اختيار العنوان الافتراضي
- عرض حالة الطلبات بشكل لحظي
- تتبع الطلبات للمستخدم
**التقييمات والمراجعات**
- إضافة وتعديل وحذف تقييمات المنتجات
- عرض تقييمات المستخدمين مباشرة في صفحة المنتج
**الدردشة والدعم الفني**
- نظام محادثات مباشر بين المستخدم والإدارة
- عرض الرسائل في الزمن الحقيقي (UI Friendly)
- تعليم الرسائل كمقروءة
- لوحة تحكم للمشرف لإدارة المحادثات
**الدفع الإلكتروني**
- تكامل كامل مع PayPal
- تنفيذ عمليات الدفع بشكل آمن
- تأكيد الطلب بعد نجاح الدفع
- تجربة Checkout واضحة وسهلة
**لوحة تحكم الأدمن (Admin Dashboard)**
- إدارة المنتجات والتصنيفات
- إدارة المستخدمين
- متابعة الطلبات وتحديث حالتها
- إدارة المحادثات والدعم
- التحكم الكامل في النظام من واجهة واحدة
**الأمان والتكامل**
- مصادقة باستخدام JWT
- Angular Interceptors
- API مؤمنة بصلاحيات Roles
- فصل واضح بين Frontend و Backend
- تكامل نظيف باستخدام REST APIs
**التقنيات المستخدمة**
Frontend: Angular, TypeScript, HTML, CSS
Backend: Node.js, Express.js
Authentication: JWT
Payments: PayPal API
Database:MongoDB