> For the complete documentation index, see [llms.txt](https://help.alianhub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.alianhub.com/app-installation-and-start-guide/5.-time-tracker-configuration.md).

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