Skip to content

LintangWisesa/OCR_React_Express_Tesseract

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

simplinnovation

OCR App Using React, Express & Tesseract

A simple OCR (optical character recognition) application using React, Express & Tesseract. Supported packages: Semantic UI React & React Webcam. It can be used to recognize characters from uploaded image or captured photo.

  • Demo:

    Click the following picture to see the demo video:

    Video

  • Try this project:

    1. Clone this repo

      $ git clone https://github.com/LintangWisesa/OCR_React_Express_Tesseract
    2. Setup Node.js server

      Install packages & run the server

      $ cd OCR_React_Express_Tesseract
      $ cd nodejs_ocr
      $ npm i
      $ node app

      It will run at localhost:5000. If you have nodemon or pm2, you can also use them to run this server.

      $ nodemon app

      or

      $ pm2 start app.js
    3. Setup React app

      Install packages & run the app:

      $ cd OCR_React_Express_Tesseract
      $ cd react_ocr_webcam
      $ npm i
      $ npm start

      It will run at localhost:3000. Try to upload an image or capture a photo by webcam to see the result.

  • Preview

    Home Page

    ./img/Home.png

    OCR for uploaded image

    ./img/imageupload.png

    OCR for captured photo

    ./img/photocapture.png


πŸ” Lintang Wisesa


lintang ymail lintang facebook lintang twitter lintang youtube lintang linkedin lintang github lintang hackster lintang bio