مطور React Js للعمل على تطوير بورتال لإدارة Contractors

1) وصف الوضع الحالي (Current State)

الموقع الحالي Static Website (HTML/CSS/JS) بدون نظام مستخدمين وصلاحيات متقدمة، وبدون ربط بيانات ديناميكي.

المطلوب تحويله إلى Web Application قابلة للتوسع، مع لوحة إدارة، ونظام دخول، وصلاحيات، وربط مع أنظمة ERP.

2) الهدف من المشروع (Project Goals) :

إعادة بناء الموقع بتقنية React.js لتحقيق:

أداء أعلى وتجربة مستخدم أفضل.

قابلية توسّع مستقبلية وإضافة وحدات/شاشات بسهولة.

واجهات ديناميكية مرتبطة بقاعدة بيانات.

بناء Backend + Database لإدارة البيانات والمستخدمين والصلاحيات.

ربط النظام مع ERP Systems عبر REST APIs (و/أو GraphQL إذا لزم).

تسليم منتج نهائي بجودة عالية عبر اختبارات شاملة ومعايير قبول واضحة.

3) نطاق العمل الفني (Technical Scope)

Frontend (React.js)

تطوير واجهات الموقع بالكامل باستخدام React

دعم كامل لـ:

Responsive (موبايل/تابلت/ديسكتوب)

RTL/LTR (عربي/إنجليزي) مع خطوط عربية مناسبة

صفحات عامة (Public Pages) + صفحات محمية بعد تسجيل الدخول (Protected Routes)

تنفيذ UI حديثة + Component-based design لتسريع التطوير.

Backend + Database

بناء Backend

تصميم قاعدة بيانات (PostgreSQL/MySQL) تشمل:

Users / Roles / Permissions

Audit Logs

توفير لوحة تحكم Admin لإدارة المحتوى والمستخدمين والصلاحيات.

C) Authentication & Authorization (الصلاحيات)

نظام دخول آمن:

JWT + Refresh Tokens أو Session-based

تشفير كلمات المرور (bcrypt/argon2)

خيارات: 2FA

إدارة الصلاحيات:

RBAC (Role-Based Access Control): (Admin / Exhibitor / contractor…)

ERP Integration (API Integration)

الربط عبر API مع ERP Systems:

سيتم تزويد المطور بـ Functions المطلوبة (Requests/Responses) Postman Collection

المطلوب من المطور:

بناء طبقة Integration Service (middleware) لتنظيم الاتصال

Handling للأخطاء وRetries وTimeouts

Logging للطلبات والردود (مع إخفاء البيانات الحساسة)

Mapping للبيانات (Data Mapping/Transformation)

4) التحليل وتجربة المستخدم (Analysis & UX)

دراسة الموقع الحالي وتحويله إلى شاشات React مع تحسينات UX.

تجهيز:

User Flows (رحلة المستخدم)

Design System بسيط (ألوان/خطوط/مكوّنات)

5) الاختبارات والجودة (Testing & Quality)

اختبارات إلزامية قبل التسليم:

Unit Tests للـ Backend (والـ Frontend حسب الحاجة)

Integration Tests لواجهات الـ API وربط ERP

Performance & Security basic checks (مثل: rate limit, input validation)

إصلاح الملاحظات ضمن دورة تسليم واضحة.

6) بيئة التشغيل والنشر (Deployment & DevOps)

تجهيز بيئات:

Development / Staging / Production

نشر على سيرفراتنا

Docker (يفضل ان يكون المبرمج على دراية)