Sound Joy

️ E-Commerce Web App

Front-End Project | ITI Training

Built with Angular

نبذة عن المشروع:

تطبيق ويب لعرض متجر إلكتروني متكامل باستخدام Angular، يتيح للمستخدمين تصفح التصنيفات والمنتجات بسهولة وسرعة مع تجربة استخدام حديثة ومتجاوبة على جميع الأجهزة.

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

الصفحة الرئيسية (Home):

واجهة ترحيبية أنيقة تحتوي على بانر وصفي وروابط تنقل رئيسية.

صفحة التصنيفات (Categories):

عرض جميع التصنيفات باستخدام بطاقات (Cards) تتضمن صورًا وعناوين جذابة.

عند النقر على تصنيف، يتم التوجيه إلى صفحة المنتجات الخاصة به.

سلة الشراء (Cart):

قائمة ديناميكية بالمنتجات التي أضافها المستخدم، مع إمكانية الحذف والتعديل.

نظام التوجيه (Routing):

استخدام Angular Router للتنقل بين الصفحات بسلاسة وبدون إعادة تحميل.

تصميم متجاوب (Responsive):

استخدام تقنيات CSS وFlex/Grid لجعل التصميم متوافق مع مختلف الأجهزة.

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

Framework: Angular

Routing: Angular Router

State Management: باستخدام Services

Styling: Tailwind

API Handling: HttpClientModule

Deployment: Vercel

دوري في المشروع:

تطوير مكونات Angular وإعادة استخدامها (Reusable Components)

إنشاء وتنظيم الملفات والوحدات (Modules & Components)

استخدام Angular Router في التصفح بين الصفحات

تصميم واجهات المستخدم وتحسين تجربة الاستخدام

ربط الواجهة بالـ API أو البيانات التجريبية