NodeJS WEBAPP for OCR API
Budget: €8 – €30 EUR
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: zone.png :(file to descript the zones that i want )
image: example of image to test
Image_with_text_extraction.jpg : image as have to be shown in the carroussel
ocr_response.json : 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
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: zone.png :(file to descript the zones that i want )
image: example of image to test
Image_with_text_extraction.jpg : image as have to be shown in the carroussel
ocr_response.json : 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