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.

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

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

• Node.js
• Git

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

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

git clone [email protected]: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.

• React
• OpenSeadragon
• React Draggable
• Font Awesome