This sample project demonstrates how to use the Kendo UI for Angular Conversational UI component with Google Dialogflow V2. The project uses an Angular 9 client side application and an Express server, which communicates with the service using the official Node.js Client.

The demo is referred to in the Kendo UI for Angular official documentation in the article on Integrating Dialogflow.

1. Clone the sample app repository locally by using your favorite Git client or by running git clone https://github.com/telerik/kendo-angular/.git.

2. Log into the Google Dialogflow console and create a new agent.

3. Use the "Restore from ZIP" to import the agent.zip file located in the backend folder.

4. Get a service account key and export it as a JSON file.

   You will need to set up a payment method for Google Cloud Functions. There is a generous free tier of 2 million requests, but usage is not capped.

5. Rename the key JSON file to credentials.json and add it to the project backend/server folder.

6. Deploy the Fulfillment code from the webhook using the Inline Editor.

7. Enter the project server directory backend/server/.

8. Run npm ci and npm start to start the server.

9. Enter the project client directory client/

10. Run npm ci and ng serve to start the client app.

11. Open http://localhost:4200.