New Yorker - Test API Client

Der "Test API Client" ist eine WebApplication welche die New Yorker Test API verwendet, um Informationen über die angemeldeten Benuter darzstellen.

Web-app

Bei der WebApp handelt es sich um eine SinglePageApplication (SPA), die mit Aurelia in Typescript erstellet wurde. Folgende Framworks / Libraries werden verwendet:

• Aurelia: Basis-SPA-Framework
• Bulma: CSS-Framework basierend aub Flexbox
• Font Awesome: CSS-Framework für Icons
• C3.js: eien auf D3.js basierende Library zum Erstellen von Diagrammen

Starten der Anwendung

Als Build-Tool wird das Aurelia CLI (Command Line Interface) verwendet. Diese setzt vorraus, dass Node.js und ein Git-Client installiert sind. Anschließend kann Aurelia CLI mit dem folgenden Befehl installiert werden:

npm install aurelia-cli -g

Nun müssen die Projekt-Dependencies mit npm installiert werden:

npm install

Jetzt kann der Build und Entwicklungsserver gestartet werden:

au run --watch

Auf http://localhost:9000 ist die WebApp verfügbar.

Aufbau der Anwendung

Die Anwedung besteht aus drei Hauptkomponenten, die jeweils im src Ordner zu finden sind. Jede der Komponenten verfügt über eine HTML-Datei, die die Darstellung der Komponente beschreibt.

• app.ts: Die Basis-komponente der Anwendung. Ist für das Routing und die initialisierung des Parse SDK zuständig
• login.ts: Die Login-Seite
• home.ts: Die Inhaltsseite mit den Informationen über die angemeldeten Benutzer