# Quick Start

You can read [A Comprehensive Guide to Verifying Private Data with zkPass](https://medium.com/@jovells.appiah/a-comprehensive-guide-to-verifying-private-data-with-zkpass-0be35afec44a) before start to integrate zkPass TransGate-JS-SDK.[ ](https://medium.com/@jovells.appiah/a-comprehensive-guide-to-verifying-private-data-with-zkpass-0be35afec44a)

### Register and Config the Project in zkPass DevHub

***

Login [**zkPass DevHub**](http://dev.zkpass.org), connect the wallet.

<div data-full-width="false"><figure><img src="/files/Vn2v4nv83IT87ek4F5YS" alt=""><figcaption></figcaption></figure></div>

Create a new project, enter project information.

<figure><img src="/files/blVwykwoshNSxNv17guP" alt=""><figcaption></figcaption></figure>

After "Create", a project is created with an appID.

<figure><img src="/files/1Yv62Oojktuj1ljvCWYG" alt=""><figcaption></figcaption></figure>

Click on 'Add Schema' and choose the schema category.

<figure><img src="/files/Bu2ayDaX1GsacZRe4Thl" alt=""><figcaption></figcaption></figure>

Choose a base schema (the base schema is a default template of schema without assertions).

<figure><img src="/files/LsfH5EWbOnHjvT0FuVa8" alt=""><figcaption></figcaption></figure>

Config the assertions based on the requirements.

<figure><img src="/files/cTWFBIE7JoAGSKEDWzdp" alt=""><figcaption></figcaption></figure>

After 'Submit', a schema is created automatically with an unique schemaId for the project.&#x20;

<figure><img src="/files/XpCxBHaJi2kOLIwj5GhQ" alt=""><figcaption></figcaption></figure>

Developers can add multiple schemas for the project.

{% hint style="info" %}
Once the schema is successfully created, it cannot be modified but can be deleted. Please carefully review before submitting.
{% endhint %}

### Integrate TransGate JS-SDK

***

&#x20; Developers can install the package using either [NPM](https://www.npmjs.com/package/@zkpass/transgate-js-sdk) or [Yarn](https://yarnpkg.com/package?name=@zkpass/transgate-js-sdk)

&#x20; **Using NPM**

```
npm install @zkpass/transgate-js-sdk
```

&#x20; **Using Yarn**

```
yarn add @zkpass/transgate-js-sdk
```

Integrate the TransGate JS-SDK with your project

```javascript
const verify = async () => {
  try {
    // The appid of the project created in dev center
    const appid = "8fb9d43c-2f24-424e-a98d-7ba34a5532f5"

    // Create the connector instance
    const connector = new TransgateConnect(appid)
    // The schema id of the project
    const schemaId = "516a720e-29a4-4307-ae7b-5aec286e446e"

    // Launch the process of verification
    // When running the TransGate SDK on a PC, if the user has not installed TransGate,
    // a QR code will pop up. The user can scan it using the TransGate App on their 
    // phone to complete verification (iOS users can directly use the system scanner)
    // or install TransGate from the Google Play Store. On mobile DApps, 
    // TransGate will automatically invoke the TransGate App.
    // If it is not installed, the user will be prompted to install it.
    const res = await connector.launch(schemaId)
    
    //If you want to bind the user's address with the proof, the `launch` function
    //also accepts a second parameter, which is the user's wallet address.
    const address = "0xD038048D1AE4c04dF2759F33BFda969999999641"
    const responseWithAddress = await connector.launch(schemaId, address)

    // verifiy the res onchain/offchain based on the requirement  
    } catch (error) {
    console.log('transgate error', error)
  }
}
```

{% hint style="info" %}
TransGate download link is <https://chromewebstore.google.com/detail/zkpass-transgate/afkoofjocpbclhnldmmaphappihehpma>
{% endhint %}

{% hint style="info" %}
Please make sure the domain of DApp matches the configuration of the project in dev center.
{% endhint %}

### Validate the result

***

After receiving the verification result(`res`in code block), developers should validate it.

You can refer to [API References](/developer-guides/js-sdk/api-references.md#instance-methods) and [Generate proof and verify the result](/developer-guides/js-sdk/generate-proof-and-verify-the-result.md) for more information.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.zkpass.org/developer-guides/js-sdk/quick-start.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
