Products App

مشروع ويب متكامل مطوّر باستخدام Angular 17 يعتمد على مكوّنات Standalone ويقدّم تجربة متجر إلكتروني بسيطة تشمل استعراض المنتجات، نظام تسجيل دخول، وإدارة كاملة لعربة التسوّق.

تم تطبيق أفضل ممارسات Angular من حيث تنظيم الكود، استخدام الخدمات، الحماية بالـ Guards، والتعامل مع API خارجي أو JSON Server.

أهم المميزات:

مبني باستخدام Angular 17 (Standalone Components)

نظام تسجيل دخول كامل (Authentication)

تسجيل دخول / تسجيل خروج

حماية الصفحات باستخدام Auth Guards

التعامل مع التوكن بشكل آمن

إدارة المنتجات

عرض قائمة المنتجات

صفحة تفاصيل المنتج

البحث داخل المنتجات

عربة التسوق (Cart)

إضافة المنتجات للسلة

تعديل الكمية

حذف المنتجات

حفظ السلة في Local Storage

استخدام Angular Services لفصل منطق التطبيق عن الواجهات

ربط التطبيق بـ JSON Server / REST API

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

كتابة كود نظيف قابل للتطوير والتوسع

المهارات والأدوات المستخدمة:

Angular 17

TypeScript

RxJS

Standalone Components

Services

Guards & Interceptors

JSON Server

HTML / SCSS

هيكلة تعتمد على مكونات قابلة لإعادة الاستخدام