Clinical Decision Support System

A high-fidelity Clinical Decision Support System built with React, TypeScript, Tailwind CSS, and React Flow.

Features

• Interactive Wizard: Step-by-step clinical decision support with multiple question types
• Visual Flowchart: Real-time visualization of the clinical pathway using React Flow with Dagre layout
• Comprehensive Node Types:
  • Boolean questions
  • Numeric inputs with validation
  • Warning displays
  • Checklist questions
  • Computed scores
  • Information displays
  • Terminal results
  • External guideline links

Installation

As an npm package

npm install clinical-decision-support

For development

npm install

Usage

import { GuidelineWizard, GuidelineMap } from 'clinical-decision-support';
import 'clinical-decision-support/dist/style.css';

function App() {
  const [patientData, setPatientData] = useState({});

  return (
    <GuidelineWizard
      patientData={patientData}
      onPatientSubmit={setPatientData}
    />
  );
}

Development

npm run dev

Build

Build for development/preview

npm run build

Build for npm package

npm run build:lib

Publishing

1. Update version in package.json
2. Run npm run build:lib
3. Run npm publish

Project Structure

src/
├── components/
│   ├── GuidelineWizard.tsx  # Interactive wizard component
│   ├── GuidelineMap.tsx     # Flowchart visualization
│   ├── PathwayFlow.tsx      # Pathway flow component
│   ├── PatientHeader.tsx    # Patient header component
│   └── ProgressTimeline.tsx # Progress timeline component
├── data/
│   ├── medicalGuidelines.ts # Clinical decision data
│   └── triageGuidelines.ts  # Triage guidelines data
├── App.tsx                  # Main application
├── main.tsx                 # Entry point
├── index.css               # Global styles
└── index.ts                # Package exports

Technologies

• React 18
• TypeScript
• Tailwind CSS
• React Flow (Flowchart visualization)
• Dagre (Auto-layout)
• Vite (Build tool)

Components

GuidelineWizard

Interactive step-by-step wizard for clinical decision support.

GuidelineMap

Visual flowchart representation of clinical pathways.

PathwayFlow

Pathway flow visualization component.

PatientHeader

Patient information header display.

ProgressTimeline

Progress timeline visualization component.

License

MIT

Author

AINQA Platform