warwickgrigg / conversational-ui-with-flexbox-demo

Conversational UI with flexbox demo

Demo Conversational UI with Flexbox

Demo is here

Related post is here

Project Setup

To install the project dependencies run:

  npm install

Dev server

To run dev server:

  npm run dev

Build

In order to build the project:

  npm run build

Both dev server and build commands are using parcel in the background.

Chatbot

This demo is using Dialogflow to create a chatbot agent that replies to the user inputs with small talk. You can check it out in action in the demo.

Dialogflow is actually free and you can sign up for it. Once you have signed up, you can create an agent and then enable the small talk from the menu on the left. Grab the API key from the settings and pass it to the dev server or build commands, exchanging the '1234567890' with your actual key:

  KEY='1234567890' yarn run dev
  KEY='1234567890' yarn run build