# 5. Time Tracker Configuration

### 5.1 Time Tracker Setup

1. Please make sure you have setup Alianhub before you setup time tracker. You need to verify that Npm (v9.6.7) and Node (v18.17.0) are installed for the relevant version in your system.
2. Also, make sure that you install the correct version of Python before moving forward with Time Tracker. The required version of Python is v2.7.2. Download from [***Here***](https://www.python.org/downloads/release/python-272)***.***
3. If you are generating build from mac, you must have [Xcode](https://developer.apple.com/xcode/) installed.

**Kindly check if Node is pre-installed in your system. If not, then you need to install it before running Step 1.**

**Reference to Node Installation:** 

1. [***Node.js Official Website***](https://nodejs.org/download/release/v20.11.1/) 
2. Using NVM [***https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating***](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating)
3. After checking the node version you need to create a <mark style="color:red;">**.env**</mark> file. For creating a <mark style="color:red;">**.env**</mark> file go to the Renderer folder in your project. As shown in the image below.
4. Then in the renderer folder create file name <mark style="color:red;">**.env**</mark>.\ <br>

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

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

**Note:** It is necessary to add '.'  (dot in prefix in name of env variable). Make sure you add it.&#x20;

5. In that <mark style="color:red;">**.env**</mark> file add the variables as shown below.\
   \ <mark style="color:red;">**APIURL=**</mark>

   <mark style="color:red;">**APP\_MONGO\_APP\_ID=**</mark>

   <mark style="color:red;">**APP\_MONGO\_CONNECTION\_URI=**</mark>\
   \
   You need to insert the **APIURL**, which corresponds to the APIURL listed in your Alian hub environment file. For the values of <mark style="color:red;">**APP\_MONGO\_APP\_ID**</mark> and <mark style="color:red;">**APP\_MONGO\_CONNECTION\_URI**</mark>, use the same values as <mark style="color:red;">**MONGO\_APP\_ID**</mark> and <mark style="color:red;">**MONGODB\_URL**</mark> from your Alian hub environment file, respectively.<br>
6. After setup of your .env file you need to generate a build for time tracker.\
   \
   First you have to install all the packages with the following command:

   Command: '**npm install' or** '**npm install --legacy-peer-deps'**

   Then to generate a build, in your root folder hit the following command according to your OS.

   Windows : '**npm run build'**

   iOS: '**npm run build:ios**'

   Linux: '**npm run build**'<br>
7. After generating the build redirect to the dist folder. As shown in the image below.

<figure><img src="/files/6VEJhZ5zQ3wdSODxdgmJ" alt=""><figcaption></figcaption></figure>

8. At dist folder application is generated and ready to install.

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


---

# 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://help.alianhub.com/app-installation-and-start-guide/5.-time-tracker-configuration.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.