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:

1. Clone the repository to your computer.

2. Navigate to the app folder.

3. Run npm start for a dev server.

4. Navigate to http://localhost:4200/.

5. 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.