hapifhir / playground-basic-test-app

HAPI FHIR Playground: Basic Test App

This project is a skeleton project for querying data from the HAPI FHIR public test server

Getting Started:

• 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.

Basic Tasks:

• Add a table to AppComponent and populate it with results from the getPatients() function.

• Modify the ApiService class to include another call that fetches all Patient resources whose birthdate 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 the ApiService to include a call that searches for a Patient 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.

Intermediate Tasks:

• In QuestionnaireComponent, generate a form using the questionnaire.json file in the assests folder. The form should have validation applied to each input.

• Using the results from the form, generate a QuestionnaireResponse. The QuestionnaireResponse 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.