Skip to content

a-gerescher/angular-red-challenge

Repository files navigation

UnicornMedical

Überblick über die Testaufgabe

Einführung

Für die Testaufgabe soll eine kleine Anwendung implementiert werden, um Patienten und Ärzte zu suchen und diese darzustellen. Als Grundlagen für die Testdaten wird eine offene FHIR REST Schnittstelle verwendet. FHIR ist ein internationaler Standard für den Austausch von Medizindaten (siehe weiterführende Links). Die Patienten und Ärzte sollten über eine Freitextsuche anhand ihres Namens gefunden werden. Die Ergebnisse sollen über einen Filter weiter eingeschränkt werden können (Patient/Ärzte, nur Ärzte, nur Patienten). Beim Klick auf einen Eintrag im Table soll sich eine kleine Detailansicht öffnen, die weitere Daten zu dem jeweiligen Eintrag darstellt.

Der Table, Routing und die entsprechenden FHIR REST Services sind bereits implementiert.

Alt text

Die Aufgabe besteht im Wesentlichen aus folgenden Teilen:

  1. Fehlersuche
  2. Erstelle eine Suchform
  3. Detailansichten
  4. Optionale Zusatzaufgabe: Erstellen von Unittests mit Jest für die SearchFacadeService

1. Fehlersuche

Zu Beginn der Aufgabe wird ein Fehler zu lösen sein, es gilt diesen ausfindig zu machen und eine Lösung zu implementieren. Bei der Abgabe bitte kurz erklären, warum dieser Fehler aufgetreten ist. Es reicht an der entsprechenden Stelle kurz einen Kommentar zu verfassen.

2. Erstelle eine Suchform

Erstelle ein Formular mit einem Input für eine Freitextsuche und einem Dropdown für einen Filter. Auf dem Inputfeld soll eine Validation stattfinden. Falls das Formular invalide ist, soll keine neue Suchanfrage abgeschickt werden. Bei der Suchform sollten Reactive Forms verwendet werden.

Unter "ui/search-form" wurde hierfür bereits eine Komponente angelegt.

Für die Validation des Suchfelds gelten folgende Regeln:

  1. Es sind alle Buchstaben erlaubt (außer Umlaute ä ü ö)
  2. Es sind alle Zahlen erlaubt
  3. Es sind keine Whitespaces erlaubt

Anmerkung: ein leerer String ist erlaubt

Über einen Dropdown soll der User die Ergebnisse auf Basis ihres FHIR Profiles weiter einschränken können. Folgende Filtermöglichkeiten sollen implementiert werden:

  1. Patients + Practitioners (Patient/Ärzte)
  2. Patients (Patient)
  3. Practitioners (Ärzte)

3. Detailansichten

Beim Klick auf einen Eintrag im Table soll sich eine detaillierte Ansicht für die jeweilige Entität öffnen. Wie genau die Detailansicht implementiert wird, ist dir überlassen.

Folgende Daten sollten mindestens angezeigt werden:

  1. Für den Patienten
    1. Resource Typ
    2. Name
    3. ID
    4. Geburtstag
    5. Gender
    6. Adresse
  2. Für den Arzt (Practitioner)
    1. Resource Type
    2. Name
    3. ID
    4. Telecom

Unter "src/app/search/services/fhir.util.service.ts" findest du eine Methode, um die FHIR Daten für die Detailansicht aufzubereiten.

4 Optionale Zusatzaufgabe: Erstellen von Unittests mit Jest für die SearchFacadeService

Die bereits angelegt Unittests für den SearchFacadeService sollten noch befüllt werden. Siehe: src/app/search/services/search-facade.service.spec.ts

Weiterführende Links

Start der Applikation

Mit dem Befehl ng serve startet die Applikation auf folgender URL: http://localhost:4200/.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published