قمت بإنشاء مشروع ويب متكامل لإدارة المستشفيات تم تطويره باستخدام تقنية MERN Stack (MongoDB, Express.js, React, Node.js)، حيث قمت ببناء النظام بالكامل من الواجهة الأمامية إلى الخلفية وقاعدة البيانات.

إليكم رابط المشروع/
https://mostaql.com/portfolio/3442802

يهدف التطبيق إلى تنظيم العمليات بين الأطباء والمرضى من خلال نظام صلاحيات (Role-Based Access Control)، حيث يمكن لكل مستخدم (دكتور / مريض) الوصول إلى خصائص مختلفة مثل إدارة المواعيد، السجلات الطبية، ومتابعة الحالات.

تم تطوير الواجهة الأمامية باستخدام React مع Redux لإدارة الحالة، مع التركيز على تحسين تجربة المستخدم من خلال تصميم تفاعلي وسلس. كما تم بناء Backend باستخدام Node.js و Express وربطه بقاعدة بيانات MongoDB.

أهم المميزات:
نظام تسجيل دخول آمن باستخدام JWT Authentication
حماية الصفحات والـ APIs بناءً على صلاحيات المستخدم
تنفيذ عمليات CRUD كاملة (إضافة، تعديل، حذف، عرض)
إدارة الحالة باستخدام Redux Toolkit
دعم الوضع الليلي والنهاري (Dark/Light Mode)
واجهة تفاعلية Responsive محسّنة لجميع الشاشات
عرض رسائل الأخطاء (Error Handling) بشكل واضح للمستخدم
استخدام Loading States لمنع تكرار العمليات وتحسين التجربة
إنشاء API Client موحد لإدارة الطلبات
حفظ بيانات المستخدم باستخدام localStorage
تنظيم الكود باستخدام فصل المسؤوليات (Separation of Concerns)
المشروع يعكس فهم عملي لبناء تطبيق Full Stack متكامل، مع التركيز على الأداء، الأمان، وتجربة المستخدم.