# Quick Start

## About

**Leopard Chat** is a **feature rich** and **configurable** chat client for the Conversational AI Platform, [*Teneo.*](https://www.artificial-solutions.com/teneo) 

It is being used in a number of production deployments and serves as a daily driver for the Sales Engineers at [Artificial Solutions](https://www.artificial-solutions.com/). 

Teneo is capable of returning rich data along with each response and Leopard leverages these responses to present an interactive chat experience.

## Built With 

* [Vue.js](https://vuejs.org/)
* [Vuetify](https://vuetifyjs.com/en/)

## Check List ✅

| Steps                                                                                                         | Where            | Description                                                                                                                                                                                            |
| ------------------------------------------------------------------------------------------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| [Extension Helper](https://jolzee.gitbook.io/leopard/installation/extension-helper)                           | Studio           | Add the [Extension Helper](https://jolzee.gitbook.io/leopard/installation/extension-helper) groovy script to Teneo Studio as either a resource or to the Global Scripts                                |
| [Global Variables & Pre-processing Scripts](https://jolzee.gitbook.io/leopard/installation/context-variables) | Studio           | In Teneo Studio you will want to define a number of global variables and pre-processing scripts                                                                                                        |
| Install Prerequisites                                                                                         | Operating System | [Git](https://git-scm.com/downloads), [Node.js](https://nodejs.org/en/download/), [Vue CLI](https://cli.vuejs.org/)                                                                                    |
| Clone Leopard                                                                                                 | Operating System | <p><code>git clone</code> <a href="https://github.com/jolzee/leopard-chat-ui-teneo"><code><https://github.com/jolzee/leopard-chat-ui-teneo></code></a></p><p><code>cd leopard-chat-ui-teneo</code></p> |
| [Build Variables](https://jolzee.gitbook.io/leopard/installation/build-variables)                             | Operating System | You can control various build aspects of Leopard through build variables.                                                                                                                              |
| Run Leopard                                                                                                   | Operating System | `npm run serve`                                                                                                                                                                                        |
| Build for Production                                                                                          | Operating System | `npm run build`                                                                                                                                                                                        |

## Browser Compatibility 🌍

[Vue.js](https://vuejs.org/) and [Vuetify ](https://vuetifyjs.com/en/getting-started/quick-start)are modern frameworks. Leopard will therefore run fine on Microsoft Edge, Opera, Firefox, Chrome, Safari and IE11.

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LsrD-dA4zoPSqKQud7Y%2F-LsrD8oGQBVJFaCp-wPK%2Fimage.png?alt=media&#x26;token=32633c3d-d409-4b15-ace6-0b6c166c8398" alt=""></div>