# Get Started

## Quick Start <a href="#quick-start" id="quick-start"></a>

TapTalk.io helps you to implement real-time chat with any type of your client app with speed and efficiency. Our Javascript SDK provides you with various methods to initialize, configure, and build the chat from the client-side - no server-side implementation is required because our reliable infra management service is delivered with the SDK. This page presents a brief overview of the SDK’s structure and abilities, then lets you go through the preliminary steps of implementing the SDK in your own app.

## Configure and Initialize TapTalk.io Javascript SDK <a href="#configure-and-initialize-taptalk-io-ios-sdk" id="configure-and-initialize-taptalk-io-ios-sdk"></a>

#### **Step 1: Create a new application from your dashboard** <a href="#step-1-create-a-new-application-from-your-dashboard" id="step-1-create-a-new-application-from-your-dashboard"></a>

**1.** Login to [TapTalk.io Dashboard](https://dash.taptalk.io/), then choose **Development** -> **Apps**

![](https://gblobscdn.gitbook.com/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MHKsq4vOlouRa03adbb%2F-MHKvQJYwokZj2SvRd6U%2F08a4ad0-Screenly_-_9.0_Development_-_Apps_-_Empty_State2x.png?alt=media\&token=6f629f44-d932-400f-984d-2fb1a1f0e408)

**2**. Click **New App** Button, input **App Name** and choose **Platform**, and then click **Create New App** Button.

![](https://gblobscdn.gitbook.com/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MHKsq4vOlouRa03adbb%2F-MHKxC_cD1-kv3lPxiSk%2F58201a8-Screenly_-_9.1.0_Development_-_Apps_-_New_App_-_Empty_State2x.png?alt=media\&token=ab2fe069-a0b6-4d22-86d3-fdd8e51c235f)

![](https://gblobscdn.gitbook.com/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MHKsq4vOlouRa03adbb%2F-MHKxGJV7RBtqLBu8UwT%2Ff2a1418-Screenly_-_9.1.1_Development_-_Apps_-_New_App_-_Filled2x.png?alt=media\&token=5b628aa3-05ec-47e9-98ef-dbc2c23de5bc)

**3.** A pop-up dialog will be shown with provided **App Key ID** & **App Key Secret**

![](https://gblobscdn.gitbook.com/assets%2F-LfVupFSqh_qZAY9OiCO%2F-MHKsq4vOlouRa03adbb%2F-MHKxQLyhxLOunGM05hx%2Ff869a40-Screenly_-_9.1.3_Development_-_Apps_-_New_App_-_Your_App_Key_-_Dismiss2x.png?alt=media\&token=b7bfb1cb-65ff-47e6-beda-69011f5addb8)

**Note:** Please remember to save your **App Key ID** & your **App Key Secret** because it will only be shown once and will be used in TapTalk.io initialization

#### Step 2: Install TapTalk.io SDK

{% tabs %}
{% tab title="Bash" %}

```bash
npm i @taptalk.io/web-sdk
```

{% endtab %}
{% endtabs %}

#### Step 3: Import TapTalk.io to Your Project

{% tabs %}
{% tab title="JavaScript" %}

```javascript
import { taptalk, tapCoreRoomListManager, 
tapCoreChatRoomManager, tapCoreMessageManager, 
tapCoreContactManager } from '@taptalk.io/web-sdk'
```

{% endtab %}
{% endtabs %}

#### Step 4: Initialize TapTalk.io

{% tabs %}
{% tab title="JavaScript" %}

```javascript
taptalk.init(APP_ID, APP_SECRET, APP_BASE_URL)
```

{% endtab %}
{% endtabs %}

{% hint style="info" %}
**Parameters**\
**APP\_KEY\_ID**: (String) application key ID\
**APP\_KEY\_SECRET**: (String) application key Secret\
**APP\_BASE\_URL**: (String) base API URL
{% endhint %}

#### Step 5: Authenticate to TapTalk.io <a href="#step-4-authenticate-to-taptalk-io" id="step-4-authenticate-to-taptalk-io"></a>

In order to use the abilities of the Android SDK in your client app, a TapTalk instance must be initiated in each client app through user authentication with TapTalk.io server. An authenticated user account allows the instance to communicate and interact with the server. To authenticate your user with the server, follow the instructions in Authentication page.