Job Finder
تفاصيل العمل
JobFinder – تطبيق ويب احترافي للبحث عن الوظائف
نوع العمل
قمت بتطوير تطبيق ويب حديث من نوع Single Page Application (SPA) مخصص للبحث عن الوظائف وإدارة الترشيحات. تم تطويره باستخدام Angular 17+ مع إدارة حالة احترافية عبر NgRx، وتصميم متجاوب باستخدام Tailwind CSS.
التطبيق موجه للمرشحين الباحثين عن عمل، حيث يتيح لهم:
* البحث عن الوظائف
* حفظ الوظائف في المفضلة
* التقديم عليها
* تتبع حالة الترشيحات
مميزات المشروع
1. البحث المتقدم عن الوظائف
* استهلاك بيانات حقيقية من The Muse
* البحث بالكلمات المفتاحية (مثل: Developer)
* تصفية حسب المدينة ومستوى الخبرة
* Pagination وتنظيم النتائج
2. نظام المفضلة (State Management احترافي)
* استخدام Angular 17+
* إدارة الحالة عبر NgRx (Redux Pattern)
* Actions / Reducers / Effects / Selectors
* تحديث فوري للواجهة عند الإضافة أو الحذف
* تخزين البيانات محليًا عبر JSON Server
3. تتبع الترشيحات
* نموذج تقديم باستخدام Reactive Forms
* لوحة تحكم "My Jobs"
* حالات الترشح:
* En attente
* Accepté
* Refusé
* إمكانية إضافة ملاحظات شخصية لكل ترشيح
4. نظام تسجيل الدخول والحماية
* تسجيل دخول محاكى
* حماية المسارات عبر AuthGuard
* تخزين الجلسة في LocalStorage لتحسين تجربة المستخدم
5. تصميم احترافي Responsive
* تصميم عصري باستعمال Tailwind CSS
* دعم Dark Mode
* تجربة مستخدم سلسة وسريعة
طريقة تنفيذ المشروع
تم تنفيذ المشروع وفق معمارية منظمة وقابلة للتطوير (Scalable Architecture):
core/ → Services + Models + Interceptors
features/ → Modules métier (Auth, Jobs, MyJobs...)
shared/ → Composants UI réutilisables
store/ → NgRx State Management
تدفق البيانات (NgRx Flow):
* Component يرسل Action
* Effect يعالج الطلب ويتواصل مع API
* Reducer يحدث الـ State
* Selector يرجع البيانات للواجهة
التقنيات المستعملة
* Angular 17+ (Standalone Components + Signals)
* NgRx (State Management)
* RxJS (Observables)
* Tailwind CSS
* JSON Server (Mock Backend)
* TypeScript
القيمة التي يقدمها المشروع
* تجربة مستخدم احترافية وسريعة
* كود منظم وقابل للتوسعة
* تطبيق مبني بأحدث معايير Angular
* قابل للتحويل إلى مشروع إنتاجي حقيقي بسهولة