> For the complete documentation index, see [llms.txt](https://docs.jomnam.tech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jomnam.tech/image-annotation/legacy-version.md).

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