Air WebRTC: Customer Airline Service Demo Project

View Blog Post»

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contributing
4. Contact

About The Project

This is a demo project to present how customer services can be enhanced using Symbl.ai and Vonage communication API.

Here's a quick description about the functionality of the demo project:

• Customers can connect with the airline's customer care agents using Vonage SDK.
• They can share their audio and video along with controls to turn them on/off.
• Airline customer care agents can see real-time sentiment analysis during the conversation along with the transcription.
• Airline agents can view all the questions asked by customers during the real-time conversation. .

(back to top)

Built With

Following framework/libraries were used to develop the project.

• 
• 
• 
• 

(back to top)

Getting Started

Follow these simple steps to get a copy of the project running in your local environment.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• Nodejs
• Vonage account
• Symbl.ai account

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

1. Create an opentok application from vonage dashboard and note down api key and secret.

2. Clone the repo

   git clone https://github.com/agilityfeat/customer-service-airline-demo.git

3. Install NPM packages

   npm install

4. Create a .env file and add following opentok environment variables

   /* PRODUCTION WARNING! A secure mechanism with proper authentication should be used to generate opentok access token and session Id */
   
   NEXT_PUBLIC_OPENTOK_API_KEY='ENTER YOUR OPENTOK API KEY';
   NEXT_PUBLIC_OPENTOK_SECRET='ENTER YOUR OPENTOK APPLICATION SECRET';
   NEXT_PUBLIC_OPENTOK_SESSION_ID='ENTER YOUR GENERATED OPENTOK SESSION ID';
   NEXT_PUBLIC_OPENTOK_TOKEN='ENTER YOUR GENERATED OPENTOK ACCESS TOKEN';

5. Add following variables from the symbl.ai dashboard in the src/config/symbl.ts file

 /* PRODUCTION WARNING! A secure mechanism with proper authentication should be used to generate symbl.ai access token and session Id */

  const symblConfig = {
      BASE_URI: 'https://api.symbl.ai/v1',
      SESSION_ID: 'ANY UNIQUE SESSION ID',
      ACCESS_TOKEN: 'ENTER GENERATED Symbl.ai Access Token',
  };

6. Run the project from the terminal using: npm run start or yarn start

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Contact

Webrtc.ventures Team - @WebRTCVentures - [email protected]

Project Link: https://github.com/agilityfeat/customer-service-airline-demo

(back to top)