A React application for browsing patient data from a FHIR R4 server.
- Patient list with pagination
- Patient detail view (name, gender, birth date, addresses)
- FHIR R4 API integration (using public HAPI FHIR server)
- Node.js 16+
- npm 8+
- Install dependencies:
cd frontend
npm install- Start the development server:
cd frontend
npm install
npm start- Open http://localhost:3000 in your browser.
Runs the app in development mode at http://localhost:3000.
Launches the test runner in interactive watch mode.
Builds the app for production to the build folder.
src/
├── api/
│ ├── fhirClient.ts # FHIR API client with error handling
│ └── patients.ts # Patient-specific API functions
├── pages/
│ ├── PatientListPage.tsx # Patient list with pagination
│ └── PatientDetailPage.tsx # Patient detail view
├── types/
│ └── fhir.ts # FHIR type definitions
├── utils/
│ └── patient.ts # Patient utility functions
├── App.tsx # Main app with routing
├── App.css # Application styles
└── index.tsx # Entry point
This app uses the public HAPI FHIR R4 Server as a data source.
MIT