conversational-ui

KO | EN

gitlite — search

#javascript #python #react #go #deep-learning #windows #awesome #cli #vue #awesome-list #pytorch #ios #openai #open-source

conversational-ui

(★ 86)

Conversational interface web app example

File Explorer

Download Latest Version (.zip)

- style.css
- app.js
- app.min.js
.babelrc
.gitignore
gulpfile.js
index.html
LICENSE
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# conversational-ui

Conversational UI web app experiment. [Demo](https://librarian.dev/conversational-ui/)

![](https://raw.githubusercontent.com/dermike/conversational-ui-referencing-guide/master/screenshot/screenshot.jpg)

## Setup

### js/app.js

Built upon the structure `Category -> Sub-category -> Info` as defined in `js/app.js`. Also check this file for customising the selection of replies, randomly selected for each step. See [this repo](https://github.com/dermike/conversational-ui-referencing-guide) for a real world example using AJAX for content.

### index.html

Content view for the info step is defined here under `.content` div. Id's from menu and submenu need to be combined.

### Build

This project mainly uses ES2015 JavaScript features. Can be run in Chrome or Safari Technical Preview without a hitch, but needs transpilation with [Babel](https://babeljs.io) for other browsers using [Gulp](http://gulpjs.com).

To transpile, install [Node.js](https://nodejs.org) and [Gulp](http://gulpjs.com) if you haven't already. Then install the project dependencies required, listed in `package.json`, with:

```sh
npm install
```

Then run the transpile task defined in `gulpfile.js`:

```sh
gulp js
````

This transpiles and minifies to `js/app.min.js`.

conversational-ui

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

conversational-ui

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README