تصميم وتطوير موقع نظام إدارة مستشفى Hospital Management System (Full Stack MERN)

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

يهدف التطبيق إلى تنظيم العمليات بين الأطباء والمرضى من خلال نظام صلاحيات (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 متكامل، مع التركيز على الأداء، الأمان، وتجربة المستخدم.