🛍️ Product Management System

מערכת ניהול מוצרים מודרנית הבנויה ב-Angular עם עיצוב Glass Morphism.

✨ תכונות

• 🔐 התחברות והרשמה - מערכת אימות מלאה
• 📦 ניהול מוצרים - הצגה, הוספה ומחיקה של מוצרים
• 🏪 ניהול מוכרים - כל מוכר רואה רק את המוצרים שלו
• 🎨 עיצוב מודרני - Glass Morphism עם אנימציות חלקות
• 📱 רספונסיבי - מותאם לכל הגדלי מסך

🚀 התחלה מהירה

דרישות מוקדמות

• Node.js (גרסה 18 ומעלה)
• Angular CLI
• שרת .NET Core (לצד השרת)

התקנה והרצה

# התקנת תלויות
npm install

# הרצת הפרויקט
ng serve

הפרויקט יהיה זמין בכתובת: http://localhost:4200

🛠️ טכנולוגיות

Frontend (Angular)

• Angular 19 - Framework ראשי
• TypeScript - שפת הפיתוח
• Reactive Forms - ניהול טפסים
• HTTP Client - תקשורת עם השרת
• Angular Router - ניווט בין דפים

תכונות מתקדמות

• Custom Directives - Highlight directive
• Custom Pipes - Currency formatting
• Input/Output - תקשורת בין קומפוננטים
• Services & DI - ניהול מצב ותקשורת
• Route Guards - הגנה על דפים

📱 מסכים

1. התחברות - /login
2. הרשמה - /register
3. רשימת מוצרים - /products
4. פרטי מוצר - /product/:id
5. הוספת מוצר - /add-product

🔧 הגדרת השרת

API Endpoints נדרשים:

• POST /api/auth/login - התחברות
• POST /api/auth/register - הרשמה
• GET /api/product/seller/{sellerId} - קבלת מוצרים של מוכר
• GET /api/product/{id} - קבלת פרטי מוצר
• POST /api/product - הוספת מוצר
• DELETE /api/product/{id} - מחיקת מוצר

📁 מבנה הפרויקט

src/
├── app/
│   ├── Components/          # קומפוננטים
│   │   ├── login/
│   │   ├── register/
│   │   ├── product-list/
│   │   ├── product-detail/
│   │   ├── product-card/
│   │   └── add-product/
│   ├── Services/            # שירותים
│   │   ├── auth.service.ts
│   │   └── product.service.ts
│   ├── Models/              # מודלים
│   │   ├── product.model.ts
│   │   └── seller.model.ts
│   ├── guards/              # Route Guards
│   ├── directives/          # Custom Directives
│   └── pipes/               # Custom Pipes

---