# Legacy Version

<figure><img src="/files/4tmQfktcuijRqwoIHTnr" alt=""><figcaption></figcaption></figure>

\ <br>

### Load Images

On Legacy version it's require users to install the tools locally as the data images should be store in correct directories:<br>

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

> Note : Please refer to the must correct directories to ensure the tool load data correctly as you must paste all of your images data into files named <mark style="color:purple;">Images</mark>
>
> \
> After Loading the images you may require to&#x20;
>
> 1. Create class and choose by color as it may affect your annotation method
> 2. Labeling by manually such as polygon, rect and circle
> 3. Model Assisted on legacy version : You may need to configure about own backend for specific need for example if you wanted to annotate a dog, you may configure your own backend to match client side subscriber node

This is installation process :&#x20;

1. Clone the Client Side&#x20;

```
git clone
```

2. Install packages

{% tabs %}
{% tab title="npm" %}

```javascript
npm install
```

{% endtab %}

{% tab title="yarn" %}

```python
yarn install
```

{% endtab %}
{% endtabs %}

2. Installation of additional packages manually on Vite config

* Babel JSX transform

```
npm install --save-dev @babel/plugin-transform-react-jsx
```

* Vite React plugins

```
npm install --save-dev @vitejs/plugin-react @vitejs/plugin-react-swc
```

* Type Definitions

```
npm install --save-dev @types/react @types/react-dom
```

After done you may start

```
npm run dev
```


---

# 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://docs.jomnam.tech/image-annotation/legacy-version.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.
