Image Annotation Tool

Image annotation tool is a web application that allows users to mark zones of interest in an image. These zones are then converted to TEI P5 code snippet that can be used in your document to connect the image and the text. This tool was developed to help students and teachers at the Faculty of Arts, Charles University to mark and annotate images of manuscripts.

Usage

Visit the app website, open your image and start annotating. The app can be installed as PWA (Progressive Web App).

Development

All contributions are welcomed. The web app is written in React.js and uses React Draggable for dragging tool panes.

Prerequisites

• Node.js
• Git

Make sure you have installed the above libraries, otherwise you will not be able to run the app.

Installation

First of all, you need to get your local clone of the application.

git clone git@github.com:silencesys/dh--image-annotation-tool.git ImageAnnotationTool

Then you need to install the dependencies.

cd ImageAnnotationTool
npm install

Next you can run the application.

npm run start

The application is running on port 3000.

Used components and libraries

• React
• OpenSeadragon
• React Draggable
• Font Awesome