task-manager

تطبيق إدارة المهام الذكي (Task Manager) باستخدام Angular و Fake API

​تطبيق متكامل لإدارة المهام اليومية يعتمد على بنية التطبيقات أحادية الصفحة (SPA)، تم بناؤه لتوفير واجهة مستخدم سلسة وعصرية مع معالجة حقيقية للبيانات.

​الأدوات والتقنيات المستخدمة:

​Angular & TypeScript: لبناء الهيكل البرمجي وإدارة حالة التطبيق بدقة عالية.

​Angular Router: لإعداد نظام تنقل ذكي وديناميكي بين الصفحات دون الحاجة لإعادة تحميل الموقع.

​Fake API (JSON Server): لمحاكاة عمليات جلب، إضافة، تعديل، وحذف البيانات (CRUD Operations) عبر طلبات HTTP حقيقية.

​HTML5 & CSS3 & Bootstrap: لتصميم واجهة مخصصة وعصرية بطابع مينيمالست متوافقة بالكامل مع جميع الشاشات.

​أبرز ميزات المشروع ونظام التنقل (Routing):

​Dynamic Routing (Task Details): عند الضغط على مهمة معينة، ينقلك التطبيق تلقائياً عبر الـ URL إلى صفحة تفاصيل المهمة (مثال: /task/1) لعرض تفاصيلها وبياناتها كاملة بشكل منفصل.

​Page Not Found (404 Error Page): نظام حماية للمسارات (Routes) يقوم بتحويل المستخدم تلقائياً إلى صفحة "Not Found" مخصصة في حال كتابة مسار غير صحيح أو غير موجود في الـ URL.

​Form Validation: نظام تحقق ذكي يمنع إدخال بيانات فارغة ويظهر رسائل تحذيرية فورية للمستخدم (مثل Description is required).

​Component-Driven Architecture: كود نظيف ومقسم إلى مكونات مستقلة قابلة لإعادة الاستخدام والصيانة بسهولة.