نظام SurgiTrack: تطوير وإدارة منتج لتتبع العمليات الجراحية (UI/UX & Frontend)

سياق المشروع:

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

الأدوار والمسؤوليات:

1. إدارة المنتج (Product Management):

تحليل الاحتياجات: قمت بتحديد الفجوة في التواصل بين المستشفى والأهالي وتحويلها إلى ميزات تقنية ملموسة.

تخطيط المنتج: رسم خارطة الطريق (Roadmap) للمشروع، وتحديد أولويات الميزات (MVP) مثل نظام التتبع بالـ ID لضمان الخصوصية.

قيادة الفريق: التنسيق بين أعضاء الفريق لضمان توافق الواجهات مع منطق العمل (Business Logic).

2. تصميم تجربة وواجهة المستخدم (UI/UX Design):

هندسة المعلومات: صممت رحلة مستخدم (User Journey) سلسة تبدأ من البحث السريع عن المريض وصولاً إلى شروحات حالات الاستشفاء.

التصميم المتجاوب: بناء نظام تصميم (Design System) طبي يتناسب مع الشاشات العملاقة في المستشفيات وأجهزة الجوال للأهالي.

النماذج الأولية: تحويل الأفكار إلى Wireframes ثم نماذج عالية الدقة (High-fidelity) على Figma قبل البدء في التكويد.

3. تطوير الواجهات الأمامية (Frontend Development):

الأداء البرمجي: تطوير النظام باستخدام React 19 و Vite لضمان سرعة الاستجابة وتحديث البيانات لحظياً.

إدارة الحالة: استخدام Context API لمزامنة بيانات المرضى عبر لوحات التحكم المختلفة (Admin & Staff Dashboards).

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

Frontend: React 19, Tailwind CSS, React Router.

Tools: Figma, Git/GitHub, Vite.

GitHub: https://github.com/chingu...