Handwriting annotation tool
Hanot is a multiplatform tool, written in React Native, that is used to annotate InkML and image files containing handwriting. Its purpose is to divide a word written in cursive script and to assign the corresponding letter to each division.
It has been developped for IntuiDoc and Lacodam teams of IRISA during our first year of software engineering master's degree at Université de Rennes 1.
The output file will be the same InkML file as the input one but with traces assigned in different tracegroups that are annotated with their assigned letter (noise if it is noise).
The output file will be a CSV file where each pixel, in order, will be represented as #hex,annotation; where #hex is the hexadecimal color code and annotation is the annotation of the pixel. It can be background if the pixel is white, undefined if the pixel is not white but not annotated, or the assigned letter (including noise) suffixed by its number of occurences (e.g. f-1).
⚠️ Please be sure your environment is set up correctly for React Native CLI.
Run the app: yarn web
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
Build the app: yarn build-web
Use the app npx serve -s build/
Build the app: yarn electron:package:win
Run the app in the dist directory
Build the app: electron:package:mac
Run the app in the dist directory
Build the app: electron:package:linux
Run the app in the dist directory
- Start Metro Bundler:
yarn start - Start the Android app:
yarn android - Start the iOS app:
yarn ios(make sure you have installed pods first!yarn ios:podsif needed)
- Check your code style with
yarn lint:all(runs eslint, prettier, and tsc) - Check your code correctness with
yarn test:all(runs jest)