• .NET application that serves patient data in JSON
• Embeddable React application in Next.js

Download and install .NET Core 2.1 SDK 2.1.803

Test your installation by opening a new terminal and running the following command:

dotnet

Clone the project and open it in Visual Studio Code.

Navigate to web-api/dotnet-azure-fhir-web-api

Open the file appsettings.json

{ "Logging": { "LogLevel": { "Default": "Debug", "System": "Information", "Microsoft": "Information" } }, "Instance": "", "Tenant": "", "ClientId": "", "ClientSecret": "", "BaseAddress": "", "Scope": "" }

Replace the empty fields with the Azure FHIR API credentials you have been given.

Save the file.

Navigate to the directory dotnet-azure-fhir-web-api using the terminal inside Visual Studio Code.

In the terminal, run the following command:

dotnet run

Open a web browser and navigate to https://localhost:5001/api/Patient/ to view a list of all patients.

Make sure you have Node.js and npm installed

Navigate to the frontend directory

Run the following command to install dependencies

npm install

Run the following command to install http-server

sudo npm install -g http-server

Navigate to the frontend directory and start the application using

npm run dev

then, in a new terminal tab, navigate back to the root directory and run

http-server

Navigate to http://localhost:8080/index.html to see the embedded iframe

The http-server is displaying the index.html page at the root of the package directory

To adjust the frame size adjust the width and height attributes in the iframe tag in index.html

You may add new .html pages (or modify index) to use the package in your website