> For the complete documentation index, see [llms.txt](https://mobiledocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mobiledocs.themeparrot.com/j2store-mobile-app/outfit/environment-setup.md).

# 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
```