Sepsheild

SepShield is an early-screening web tool for Sepsis. It detects microvascular signs, guides patients to emergency care, and generates instant doctor reports to speed up triage and save lives.

Comment

Inspiration

Sepsis (blood poisoning) is a time-critical medical emergency where every single second counts during the "Golden Hour." Traditional diagnostic delays claim millions of lives annually. Moreover, for those who survive the intensive care unit (ICU), the battle does not end at hospital discharge; survivors and their families face profound physical, cognitive, and psychological challenges known as Post-Intensive Care Syndrome (PICS).

We were inspired to build SepShield to bridge this critical gap: an intelligent, rapid triage and holistic post-hospital recovery platform that empowers patients and caregivers from acute emergency detection all the way through long-term rehabilitation.

What It Does

SepShield is structured as a comprehensive, multi-module digital health guardian:

  • Rapid Sepsis Check & Digital Emergency Card: An intelligent triage tool tailored to patient categories (adults, elderly, pregnant individuals, children, and infants) that evaluates critical risk factors and symptom onset. It generates a digital emergency medical card and an ER doctor checklist to streamline communication during critical moments.
  • Smart Lab Analyzer: Allows patients to upload post-hospital lab reports (such as WBC, CRP, and Creatinine) to instantly parse and translate complex biomarkers into clear, plain-language insights.
  • Recovery & Medication Tracker: Tracks daily fatigue and energy levels (using a daily energy battery indicator), manages antibiotic schedules, and monitors warning signs.
  • Comprehensive Psychological & Caregiver Support: Features a guided breathing tool for panic and anxiety, a safe emotional journaling space, gradual micro-win milestones for returning to daily life, and caregiver first-aid guidance to prevent burnout.

How We Built It

SepShield was engineered as a high-performance, responsive single-page web application using:

  • Frontend: Modern HTML5 and CSS3, leveraging custom CSS properties, smooth animations, glassmorphism cards, and dynamic layout management.
  • Architecture & State Management: Vanilla JavaScript with a modular structure and resilient local data persistence (localStorage) for instant offline-first accessibility.
  • Multilingual Engine: Full, native localization supporting Arabic (RTL), English, French, and Swahili (LTR) with instant language switching.
  • API-Ready Bridge: Designed with a clean asynchronous JavaScript architecture prepared for seamless integration with real-world medical APIs (such as OpenAI Vision for OCR lab parsing and backend EHR systems).

Challenges We Faced

  • Bilingual and Multi-Directional Layouts (RTL vs LTR): Ensuring seamless transitions between Arabic (right-to-left) and European/African languages (left-to-right) without breaking UI components, sidebar overlays, or responsive card grids required meticulous CSS architecture.
  • Complex Clinical Logic: Translating intricate clinical guidelines (such as age-specific sepsis red flags and risk stratification) into an intuitive, stress-free user experience for patients experiencing medical emergencies.
  • Balancing Acute Urgency with Long-Term Recovery: Designing an interface that shifts gracefully from a high-stakes, red-flag emergency tool into a calming, supportive day-to-day recovery companion.

What We Learned

Building SepShield deepened our understanding of healthcare technology and human-centric design. We learned how crucial interface clarity is under high-stress emergency conditions, the importance of robust internationalization in global health tools, and how holistic medical solutions must address not only acute physical survival but also the long-term emotional and psychological wellbeing of survivors and their families.

Accomplishments that we're proud of

  • Seamless Multilingual Global Accessibility: Built a native 4-language localization engine supporting Arabic (with full RTL adaptation), English, French, and Swahili to protect diverse populations worldwide.
  • A True Continuum of Care: Successfully connected high-stakes acute emergency triage (Rapid Check & Digital Emergency Cards) with long-term post-hospital rehabilitation for Post-Intensive Care Syndrome (PICS).
  • Interactive Psychological Hub: Developed practical, interactive tools including daily mood check-ins, safe emotional journaling, panic-relief breathing animations, and clickable micro-win milestones.
  • Smart Lab Parsing & API-Ready Design: Implemented an intelligent lab analyzer with structured architecture ready for real-world AI and medical OCR integration.
  • Resilient Offline-First Performance: Crafted a high-performance, responsive web application with zero framework bloat, ensuring instant, reliable access when it matters most.

What's next for Sepsheild

  1. Real-World Medical API & AI Integration Production-Grade OCR & Vision: Replace the simulation logic with live integration of OpenAI GPT-4o Vision, Google Cloud Vision, or Azure Computer Vision to reliably extract exact biomarkers (WBC, CRP, Creatinine) from diverse hospital lab report formats.

Clinical Knowledge Base APIs: Connect the diagnostic triage engine with certified clinical decision support APIs (like Mayo Clinic or UpToDate references) to ensure every risk assessment aligns with global medical standards.

  1. Secure Cloud Backend & Compliance (HIPAA/GDPR) Encrypted Cloud Storage: Transition from browser LocalStorage to a secure, HIPAA- and GDPR-compliant cloud backend (such as Firebase, AWS Healthcare, or PostgreSQL with end-to-end encryption) so patient records and lab histories sync securely across devices.

User Authentication & Profiles: Implement secure user accounts (patients vs. caregivers vs. clinicians) with multi-factor authentication (MFA) to protect sensitive health data.

  1. The Physician & Clinic Dashboard Remote Patient Monitoring (RPM): Build a dedicated web portal for treating physicians and post-sepsis recovery clinics to view incoming patient logs, lab trends, and daily energy scores remotely.

Automated Clinical Alerts: Set up automated notification triggers that alert the medical team if a patient logs multiple high-risk warning signs (e.g., new fever combined with severe fatigue or wound redness).

  1. Native Mobile Apps & Wearable Integration Cross-Platform Mobile Apps: Develop native iOS and Android applications using React Native or Flutter to provide reliable push notifications for antibiotic schedules and emergency alerts.

Wearable Device Sync: Integrate with smartwatches (Apple Watch, Fitbit, Garmin) to passively track vital signs like resting heart rate, body temperature shifts, and physical activity levels as early warning indicators for recurrent infections.

  1. Clinical Trials & Regulatory Approvals Hospital Pilot Programs: Partner with university hospitals and intensive care follow-up clinics to conduct pilot testing with actual sepsis survivors and caregivers.

Medical Device Software Certification: Begin the formal compliance pathway for Software as a Medical Device (SaMD) certifications, such as FDA clearance or CE marking, to establish SepShield as an officially recognized clinical tool.

Built With

Share this project:

Updates

Submission history