conversational ui

Konversations-UI

Conversational UI-Web-App-Experiment. Demo

Aufstellen

js/app.js

Aufbauend auf der Struktur Category -> Sub-category -> Info wie in js/app.js definiert. Überprüfen Sie auch diese Datei, um die Auswahl der Antworten anzupassen, die für jeden Schritt zufällig ausgewählt werden. In diesem Repo finden Sie ein reales Beispiel für die Verwendung von AJAX für Inhalte.

index.html

Die Inhaltsansicht für den Infoschritt wird hier unter .content div definiert. IDs aus Menü und Untermenü müssen kombiniert werden.

Bauen

Dieses Projekt verwendet hauptsächlich ES2015-JavaScript-Funktionen. Kann problemlos in Chrome oder Safari Technical Preview ausgeführt werden, erfordert jedoch eine Transpilierung mit Babel für andere Browser, die Gulp verwenden.

Installieren Sie zum Transpilieren Node.js und Gulp, falls Sie dies noch nicht getan haben. Installieren Sie dann die erforderlichen Projektabhängigkeiten, die in package.json aufgeführt sind, mit:

npm install

Führen Sie dann die in gulpfile.js definierte Transpile-Aufgabe aus:

gulp js

Dies wird in js/app.min.js transpiliert und minimiert.