Medical Dashboard
تفاصيل العمل
PrimeCare Medical Dashboard — لوحة تحكم طبية احترافية مخصّصة للمستشفيات والمراكز الطبية. توفر النظام إدارة متكاملة للمرضى والمواعيد والتقارير والملف الإداري، مع تجربة استخدام عصرية، سريعة، ومتوافقة مع معايير الوصول.
- إدارة المرضى: إضافة/تعديل/إدارة ملفات المرضى ببيانات شاملة.
- حجز وإدارة المواعيد: جدولة المواعيد وتتبع حالتها مع إشعارات بريدية تلقائية.
- التقارير والتحليلات: لوحات مؤشرات KPI، رسوم بيانية تفاعلية، وتصدير CSV.
- ملف المسؤول والإعدادات: إدارة الحساب، الأمان، التفضيلات، والثيمات.
- قابلية الاستخدام والوصول: متوافق مع WCAG AA، تنقل كامل عبر لوحة المفاتيح، دعم قارئات الشاشة.
- أداء عالٍ: تحميل كسول، إعادة تصيير فعّالة، وحجم حزمة محسّن.
- تجربة مرنة: ثيم فاتح/داكن مع استشعار ثيم النظام، تصميم متجاوب لجميع الشاشات.
- تخزين محلي: حفظ البيانات محلياً دون الاعتماد على خادم خارجي.
- تنقّل سريع: لوحة أوامر Command Palette عبر اختصار Ctrl/Cmd + K.
- توجيه عبر العناوين: Hash-based Routing بدون تبعيات خارجية.
الصفحات الرئيسية
- لوحة التحكم: بطاقات مؤشرات، اتجاهات المواعيد، أحدث الزيارات، ونمو المرضى.
- المرضى: قاعدة بيانات متكاملة، نماذج إضافة/تعديل مع تحقق ذكي، بحث وترشيح.
- المواعيد: جدولة، إدارة الحالات (مجدول، مكتمل، ملغي، لم يحضر)، إشعارات بريدية.
- التقارير: مخططات تفاعلية، فلاتر نطاق زمني، مؤشرات أداء، وتصدير بيانات.
- الملف الإداري: إدارة الحساب والأمان والنشاط والتفضيلات.
- الإعدادات: الثيم، المنطقة الزمنية، الإشعارات، وأدوات إدارة البيانات.
التقنية المستخدمة
- الواجهة: React 18 + TypeScript + Vite
- التصميم: Tailwind CSS + tailwindcss-animate
- المكوّنات: Radix UI و Lucide للأيقونات
- الرسوم البيانية: Recharts
- النماذج: React Hook Form + Zod للتحقق
- الإشعارات: Sonner
- التواريخ: date-fns
- الثيمات: next-themes
لماذا PrimeCare؟
- احترافية سريرية: تصميم وألوان مناسبة للبيئة الطبية.
- قابلية توسّع: معمارية واضحة وسهلة الصيانة.
- مرونة التكامل: دعم Webhook للبريد لإشعارات المواعيد.
- تجربة موثوقة: أداء عالٍ، وصول متميز، وتجربة سلسة على أي جهاز.
إذا كنت تبحث عن لوحة معلومات طبية متكاملة وجاهزة للاستخدام مع إمكانية تخصيصها لاحتياجات منشأتك، فإن PrimeCare هو خيارك الأمثل.