NodeJS WEBAPP for OCR API

Job Description:

I have a an API that is able to read an image through OCR and tell me the X Y location of the words that has detected in the image

I would like to integrate it in a web application I would like to have a dropzone that accepts images ( if it's a pdf we change it to an image )

when everything is good(size < 10Mo) we are redirected to another web page where there are 3 zones as shown in the attached image,

zone 1: a carousel of the uploaded images with circle the words that are detected (as in the image in attachment) with the help of a drag & drop selects an element surrounded in the image and we drop it in an html input in zone2

to put the value surrounded in the image in the value of the input ( the values must be appended if more value ave been added ),

zone 2 : an input zone where you can add up to 10 html inputs and also delete inputs

zone 3 : a results zone in table form with the information for each image (this table will be extracted as an excel file) , each column is an input and its dynamically added /deleted when we add/delete input

Th

attachement: [login to view URL] :(file to descript the zones that i want )

image: example of image to test

[login to view URL] : image as have to be shown in the carroussel

[login to view URL] : example of the json response of my OCR engine for the image given as example

requirement :

the image is processed with the API when the dropzone is validated (the image are processes asynchronsly a loading bar is shown and give the amount of image that are processes )

Images is deleted after 3 days in the server

For backoffice : use Nodejs (prefered)

Frontoffice : Javaxccript , Jquery

You can propose your techno if wanted

Habilidades: Node.js, HTML5, jQuery / Prototype, Bootstrap, AJAX

ID do Projeto: #34107026