EVIVOR

مشروع EVIVOR هو نظام حارس ذكي متكامل (End-to-End Ecosystem) مصمم لمراقبة العلامات الحيوية للمرضى وكبار السن عن بُعد وحمايتهم في الوقت الفعلي. يتكون المشروع من شقين أساسيين: جهاز قابل للارتداء (مبني على ESP32) يقوم بجمع البيانات الحيوية والحركية، ولوحة تحكم رقمية مستقبلية (Dashboard) تعتمد على Glassmorphism UX/UI تتيح للمرافقين والأطباء متابعة الحالة لحظة بلحظة مع نظام استجابة سريع للطوارئ.

المميزات التقنية والهندسية التي قمت بتنفيذها في المشروع:

بناء خط نقل بيانات حي (Real-time Telemetry Pipeline): تصميم سكريبت خادم باستخدام Node.js/Express يستقبل حزم البيانات الحيوية من الحساسات (معدل نبضات القلب BPM، نسبة الأكسجين في الدم SpO2، ومعدل التنفس) عبر بروتوكول HTTP/REST وجلبها فوراً للواجهة الأمامية.

نظام ذكي لرصد السقوط الحر (Proactive Fall Detection): برمجة منطق برمجي تفاعلي متقدم؛ عند استشعار الحساسات لسقوط مفاجئ، تظهر واجهة استغاثة فورية على شاشة المستخدم للتأكد من سلامته، وفي حال عدم الاستجابة خلال مهلة زمنية محددة، يقوم النظام تلقائياً بتصعيد البلاغ وإرسال إشعار طوارئ لعائلة المريض.

التتبع الجغرافي والترجمة العكسية للإحداثيات (Dynamic Geocoding): دمج نظام خرائط تفاعلي يقوم بقراءة إحداثيات الـ GPS المرسلة من الـ Wearable Device، وترجمتها برمجياً وبشكل غير متزامن (Asynchronous) إلى عنوان سكني واضح (اسم الشارع، الحي، المدينة) باستخدام OpenStreetMap API، مع توفير روابط عميقة (Deep Links) لخرائط جوجل لسرعة الوصول للمريض.

خوارزمية محاكاة البيانات الطبية (Algorithmic Medical Simulation): لبناء نظام ذكي يعتمد عليه (Reliable Setup)، قمت ببرمجة خوارزمية مدمجة لمحاكاة المؤشرات الحيوية بشكل دقيق (Mock Data)، بحيث يعمل النظام بسلاسة تامة وتستمر الرسوم البيانية في الحركة حتى في حالات انقطاع اتصال الهاردوير أو لأغراض العرض المختبري.

إدارة الحسابات وتخزين البيانات محلياً (Multi-Profile Configuration): دعم كامل لإنشاء ملفات تعريفية متعددة للمرضى والتبديل السريع بينهم مع حفظ تلقائي ودوري لسجلات المؤشرات الصحية داخل الـ localStorage لاستعراض الرسوم البيانية التاريخية وتتبع المنحنيات الطبية.

دعم تعدد اللغات والاتجاهات (RTL/LTR): هندسة الواجهة لتدعم اللغتين العربية والإنجليزية بشكل ديناميكي كامل وتغيير اتجاهات العناصر بسلاسة فائقة لضمان أفضل تجربة مستخدم (UX).

المعمارية البرمجية والتقنيات المستخدمة (Tech Stack):

الواجهة الأمامية (Frontend): React (v18) | Tailwind CSS (Glassmorphism Styling) | Wouter (Lightweight Routing) | Framer Motion (Advanced Animations) | Recharts (Responsive Live Charts) | TanStack React Query (Server-state Management).

الواجهة الخلفية (Backend): Node.js | Express Framework | Cors Security.

الربط البرمجي (Hardware Integration): مهيأ بالكامل للربط مع متحكمات ESP32 عبر بروتوكول نقل البيانات JSON.

ملفات الكود والهيكل الهيكلي للمشروع:

المشروع مبني بهيكل برمي نظيف وموزع على مكونات منفصلة (Decoupled Components) لضمان سهولة التطوير والصيانة:

server.js: خادم الـ Express المسؤول عن استقبال البيانات وتوفير الـ API.

vite.config.js: إعدادات بيئة التطوير وتأمين الـ Proxy لحل مشاكل الـ CORS.

App.jsx: المنظم الرئيسي لإدارة المسارات وحالة الحسابات والصفحات.

Logic.js: طبقة المنطق المسؤولة عن معالجة البيانات وجلبها ومحاكاتها.

Notification.jsx: المكون المسؤول عن إدارة حالات السقوط وخوارزمية الطوارئ.

LocationMap.jsx: المكون المسؤول عن معالجة الخرائط والـ Geocoding.