Titan Guard هو مشروع طبي تفاعلي قمت بتطويره بشكل كامل، يهدف إلى مساعدة الأشخاص في السويد من خلال تقديم معلومات طبية طارئة قابلة للوصول عبر بطاقات QR شخصية. عند مسح هذه البطاقة، تظهر بيانات المستخدم الصحية المهمة (مثل الحساسية، فصيلة الدم، الأمراض المزمنة، أرقام الطوارئ...) بشكل فوري في حالات فقدان الوعي أو الطوارئ.
مكونات المنصة:
واجهة المستخدم (Frontend): تم تصميمها باستخدام React وTypeScript وMaterial UI لواجهة سلسة ومتجاوبة مع جميع الأجهزة.
لوحة تحكم المستخدم: لعرض وتعديل بياناته الطبية، الاشتراك بالمحتوى، وتحميل بطاقة الـQR الخاصة به.
نظام مقالات طبية: يحتوي على محتوى طبي مجاني ومدفوع ضمن نظام اشتراكات Stripe.
نظام تسجيل دخول وحسابات آمنة: باستخدام JWT لحماية البيانات.
نظام دفع آمن ومتكامل: عبر Stripe (باستخدام Webhooks) لإدارة الاشتراكات ومحتوى Premium.
إشعارات بريدية: باستخدام Mailgun لإرسال تأكيدات وإنذارات متعلقة بالحساب.
تصميم قاعدة البيانات: باستخدام PostgreSQL وPrisma لتأمين هيكل مرن وآمن للبيانات الطبية.
نشر المشروع: على خوادم Hetzner مع إعداد شامل للبيئة والإنتاج.
التقنيات المستخدمة:
Frontend: React، TypeScript، Material UI، Context API
Backend: Node.js، Express.js، Prisma ORM
Database: PostgreSQL
Authentication: JSON Web Tokens (JWT)
Payments: Stripe Subscriptions + Webhooks
Emailing: Mailgun
Deployment: Hetzner VPS