This project is a skeleton project for querying data from the HAPI FHIR public test server
-
Take a few minutes to familiarize yourself with the FHIR Standard for health data exchange. In particular you might want to read the Executive Summary and the Developer Introduction
-
In addition, take a few minutes to familiarize yourself with Angular. Understand the basics of component structures, HTTP calls, and other basics covered in the Fundamentals section.
-
Create your own GitHub project and copy the contents of this repository into your own project (please don't fork this repository)
-
Locate the component
AppComponent
and run it. You should see results pop up in the console of your web browser -
Please, do not fork this repo. Create your own private GitHub repository to do your work in.
-
Add a table to AppComponent and populate it with results from the
getPatients()
function. -
Modify the
ApiService
class to include another call that fetches allPatient
resources whosebirthdate
are between 1960 and 1965 (inclusive). -
Sort the table based on youngest birthdate to oldest.
-
Time the request. Output the time on the footer of the page. Use a pipe for formatting the output.
-
Add a search function to the page. Add two inputs to
AppComponent
- a textbox that takes in a name (first or last), and a datepicker. Modify theApiService
to include a call that searches for aPatient
based on the name passed in, and the date of birth passed in from the date picker. The results should be reflected in the table. Use the SearchParameters section to help with building your query. -
Apply validation to the inputs - the name box cannot contain non-alphabetic characters, and the date field must be a valid date structure (YYYY/MM/DD).
-
Prevent the button search button from multi-clicks wihout using timeouts.
-
Commit your work.
-
In
QuestionnaireComponent
, generate a form using thequestionnaire.json
file in theassests
folder. The form should have validation applied to each input. -
Using the results from the form, generate a
QuestionnaireResponse
. TheQuestionnaireResponse
should follow the structure outlined in the Resource Content Section -
Display your results at the bottom of the page.
-
Update the
QuestionnaireComponent
to be mobile-friendly. -
Please include unit tests for your work.
-
Commit your work.