📋 מבחן מעשי - מערכת ניהול משתמשים

Angular + C# Web API 2

---

🚀 הרצת הפרויקט

Backend (C# API)

1. פתח את הפרויקט ב-Visual Studio
2. הרץ את הפרויקט (F5)
3. ה-API רץ על: https://localhost:44380

Frontend (Angular)

1. פתח טרמינל בתיקיית Angular
2. הרץ את הפקודות:

   npm install
   ng serve

3. פתח דפדפן: http://localhost:4200

⚠️ חשוב: יש להריץ את שני החלקים במקביל!

---

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

├── Angular/              # Client Side
│   ├── src/app/
│   │   ├── components/user-list/
│   │   ├── services/user.service.ts
│   │   └── models/user.model.ts
│   └── package.json
│
└── API/                  # Server Side
    ├── Controllers/UsersController.cs
    ├── Models/User.cs
    └── App_Start/WebApiConfig.cs

---

✨ תכונות שיושמו

דרישות המבחן:

• ✅ הצגת רשימת משתמשים (GET)
• ✅ הוספת משתמש חדש (POST)
• ✅ חיבור Angular ל-Web API
• ✅ טיפול ב-CORS
• ✅ שימוש ב-HttpClient ו-Observable

תכונות נוספות (Bonus):

• ✅ עריכת משתמש (PUT)
• ✅ מחיקת משתמש (DELETE)
• ✅ ממשק משתמש מעוצב ונוח
• ✅ הודעות הצלחה/שגיאה
• ✅ אינדיקטור טעינה
• ✅ אימות קלט (Validation)

---

🔧 טכנולוגיות

Frontend:

• Angular (Standalone Components)
• TypeScript
• RxJS
• HttpClient

Backend:

• C# Web API 2
• .NET Framework 4.8
• CORS enabled
• Mock Data (ללא בסיס נתונים)

---

📡 API Endpoints

Method	Endpoint	תיאור
GET	/api/users	קבלת כל המשתמשים
GET	/api/users/{id}	קבלת משתמש לפי ID
POST	/api/users	הוספת משתמש חדש
PUT	/api/users/{id}	עדכון משתמש קיים
DELETE	/api/users/{id}	מחיקת משתמש

דוגמת Request/Response:

// POST /api/users
{
  "Id": 0,
  "Name": "שם המשתמש"
}

// Response
{
  "Id": 17,
  "Name": "שם המשתמש"
}

---

💡 הערות טכניות

• השרת מחזיר XML ב-GET requests
• Angular מבצע parsing של XML ל-JSON באמצעות fast-xml-parser
• POST/PUT/DELETE עובדים עם JSON
• הנתונים נשמרים ב-memory בלבד (נאבדים באתחול)

---

⚙️ דרישות מערכת

• Angular CLI 12+
• Visual Studio 2019/2022
• .NET Framework 4.8
• NuGet Package: Microsoft.AspNet.WebApi.Cors

---

🎯 מה שהושג במבחן

הפרויקט מדגים:

• הבנת ארכיטקטורת Client-Server
• יכולת עבודה עם Angular Components ו-Services
• בניית RESTful API ב-C#
• טיפול בתקשורת אסינכרונית (Observables)
• פתרון בעיות CORS
• עיצוב UI/UX בסיסי

---

זמן פיתוח: ~4 שעות
תאריך: פברואר 2026

---

תודה על ההזדמנות! 🚀