نظام إدارة العضوية – React Web Application

قمت بتطوير نظام متكامل لإدارة العضوية باستخدام React.js يتميز بواجهة حديثة وسهلة الاستخدام، ويهدف إلى تسهيل إدارة بيانات الأعضاء والعائلات والخدمات داخل المؤسسة.

المشروع يحتوي على لوحتين تحكم منفصلتين (Dashboard): واحدة للمسؤولين (Admin) لإدارة النظام، وأخرى للمستخدمين (Members) لعرض وتحديث بياناتهم.

مكونات المشروع:

? لوحة تحكم المسؤول (Admin Dashboard):

إدارة الأعضاء والعائلات.

إدارة مسؤولين وتوزيع الأدوار والصلاحيات.

التحكم في الخدمات الداخلية والخارجية.

عرض إحصائيات عامة ولوحة مراقبة لحالة العضوية والخدمات.

لوحة تحكم المستخدم (User Dashboard):

عرض وتعديل بيانات العضو الشخصية.

الاطلاع على الخدمات المتاحة.

إمكانية التسجيل في الخدمات الداخلية أو الخارجية.

صفحة العائلات:

عرض بيانات العائلة، أفرادها، وأدوارهم داخل المؤسسة

ربط العضو بعائلته لتسهيل التواصل والرعاية.

? صفحة المسؤولين:

قائمة مسؤولي (خدام – إداريين).

عرض بياناتهم وطرق التواصل معهم.

صفحة الخدمات:

إدارة وتنظيم خدمات الداخلية ( الاجتماعات...).

صفحة الخدمات الخارجية:

عرض أنشطة وخدمات في المجتمع الخارجي (زيارات، مؤتمرات، أنشطة خيرية...).

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

React.js

React Router

Context API / Redux لإدارة الحالة

Tailwind CSS أو Bootstrap للتصميم المتجاوب

RESTful API للربط مع الباك إند

المميزات:

تصميم حديث ومتجاوب مع جميع الأجهزة.

تجربة مستخدم بسيطة وواضحة.

إدارة مرنة للأعضاء والعائلات والخدمات.

لوحة تحكم قوية للمسؤولين لمتابعة كل تفاصيل النظام.