# Environment Setup

#### Website Requirements

|                       |                               |
| --------------------- | ----------------------------- |
| <p></p><p>J2store</p> | <p></p><p>3.3.6 or higher</p> |
| <p></p><p>Joomla</p>  | 3.5 or higher                 |
| <p></p><p>PHP</p>     | 7.0 or higher                 |

**Install Components and Plugins to your website**

* Login as Administrator and then Simply choose Extensions → Manage → Install in any back-end page to install components, and plug-ins.

![](/files/6PWoZHCANsh22BdwM7Mb)

* In the Upload Package File section, click the "Drag and drop file here" section to browse to and select the component file on your hard drive

![](/files/2hTWTpyySmnotX1wjK22)

![](/files/fbcydPTVAK4PsswfHx5t)

* After upload the plugins installation will be start. When it finishes, it displays a message telling you that installation was successful.

![](/files/xsS76DZPXeM4DoLQt8d6)

{% hint style="success" %}
Note : If you Install Plugin don't forget to Enable it.
{% endhint %}

#### Enable Plugins in Joomla

* To enable a plugin, log in to the admin panel of your Joomla site and click on the Extension -> Plugins option from the top navigation bar.

![](/files/9DdZFxs5JRAVCtfXu1QH)

* On this page, you will see a list of plugins available for your Joomla site. You can also search and sort the plugins to find whatever you want.

![](/files/jPLidYhPZdG0JiB74Go7)

* For instance, Let’s say we want to enable the J2Store RESTful API on our site. To enable the J2Store RESTful API plugin, just find it in the list.

![](/files/IJ95tnCJm6fibvD18mEx)

![](/files/xfnqTVJsY3dyEpBvgFHY)

* select it using the checkbox given in the first column of the table and then click on the Enable button given at the top-left corner of the page.

![](/files/q6jpajjy5qk5BXCFKjSA)

* Once the plugin is enabled, you will see a success message.

![](/files/mmzUcRWD36fASrHr6MU4)

**Get Rest API Client Id and Secret Key :**

* After Enabled J2Store RESTful API plugin, click on the J2Store RESTful API  get Client Id and Secret Key Informations

![](/files/mK0AseLFg9qXlC9lgGYS)

![](/files/0MXzz2P4vv6CKjja5wNY)

#### Configure Firebase Auth Key in Website

* Goto Administrator and then Simply choose Components → J2MobApp → Settings

![](/files/EIlOVL6US5UGL3vuSiFB)

![](/files/yPE23XKAZPLYxjjlpFq3)

* Enter your firebase auth key

![](/files/k2OtJflHRO3CJvJsyN7H)

* After configured, you will send notification to your users.

{% hint style="success" %}
To get started with Ionic Framework, the only requirement is a Node, npm environment & a code editor.
{% endhint %}

#### **Node & npm**

1. Download the node from the following URL [`https://nodejs.org/en/download`](https://nodejs.org/en/download/)
2. We recommend selecting the LTS version to ensure the best compatibility.
3. A code editor for writing code [`https://code.visualstudio.com`](https://code.visualstudio.com/)
4. To verify the installation, open a new terminal window and run:&#x20;

```
 $ node --version
```

```
 $ npm --version
```


---

# 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://mobiledocs.themeparrot.com/j2store-mobile-app/outfit/environment-setup.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.
