# Setup App Producer

### Step 1. Connect to your Firebase DB

Unzip the zip file that you got from CodeCanyon ( if you haven't already ). 

Open the file **Mobile App** with [Visual Studio Code](https://code.visualstudio.com).

{% tabs %}
{% tab title="Service Account JSON file" %}
To download service account JSON file go in  [console.firebase.com](https://console.firebase.google.com/) then in \
Project -> Project Settings - > Service Accounts and click on "**Generate new private key**"

Extract the zip that you got from codecanyon.\
Save this file as **service-account-file.json** in **Mobile App/Producer/service-account-file.json**
{% endtab %}

{% tab title="Firebase\_config,js" %}
Once again go in your [Firebase console](https://console.firebase.google.com/).\
Then go in Project Setting and create a web app.\
In the file structure, locate **firebase\_config.js**. \
Copy the values from Firebase to you **firebase\_config.js**. 

![](/files/-LvuEu3P0z3UC4z3iKrX)
{% endtab %}
{% endtabs %}

### Step 2. Install the node modules

In Visual Studio terminal run

```
npm install
```

{% hint style="danger" %}
This may take a while. You may get some errors, but this doesn't necessary means that there are critical errors. Please continue withe the docs. If something is not working, send us screenshot of what you get during this install process.
{% endhint %}

{% content-ref url="/pages/-LsMCF11NWKwkF\_TQJJI" %}
[Broken mention](broken://pages/-LsMCF11NWKwkF_TQJJI)
{% endcontent-ref %}


---

# 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://mobidonia.gitbook.io/react-app-builder/local/setup-project-config-file.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.