conversational ui

conversacional-ui

Experimento de aplicativo da web de UI conversacional. Demonstração

Configurar

js/app.js

Construído sobre a estrutura Category -> Sub-category -> Info conforme definido em js/app.js . Verifique também este arquivo para personalizar a seleção de respostas, selecionadas aleatoriamente para cada etapa. Veja este repositório para um exemplo real usando AJAX para conteúdo.

index.html

A visualização do conteúdo da etapa de informações é definida aqui em .content div. Os IDs do menu e submenu precisam ser combinados.

Construir

Este projeto usa principalmente recursos JavaScript do ES2015. Pode ser executado no Chrome ou Safari Technical Preview sem problemas, mas precisa de transpilação com Babel para outros navegadores que usam Gulp.

Para transpilar, instale o Node.js e o Gulp, caso ainda não o tenha feito. Em seguida, instale as dependências necessárias do projeto, listadas em package.json , com:

npm install

Em seguida, execute a tarefa de transpilação definida em gulpfile.js :

gulp js

Isso transpila e minimiza para js/app.min.js .