Order drinks app (Angular)¶
The Order drinks app allows you to order your favorite drinks and desserts using your voice. Examine it to see how to implement a multimodal interface for an Angular app.
App source code¶
The app source code is available on Alan AI GitHub. To use the code example:
Clone the repository to your computer.
Navigate to the app folder.
npm startfor a dev server.
In the app, click the Alan button and say:
Hello, What can I do here?.
Where to find the code?¶
To understand how the in-app assistant works, refer to the following resources:
alan-example-app-angular-order-drinks/src/app/app.component.ts: here you can find the main assistant logic implemented in the client app: the code for the Alan button, handlers and client API methods.
alan-example-app-angular-order-drinks/voice-scripts/order.alan.voice.js: here you can find the dialog script for the Order drinks app.