Dynamsoft / web-twain-react-advanced

Dynamic Web TWAIN enables image acquisition and processing with a few lines of code.

Dynamic Web TWAIN React Advanced

This project was bootstrapped with Create React App. It utilizes the SDK Dynamic Web TWAIN to provide the following functionalities

• Scan documents from physical scanners
• Capture images from webcams
• Load documents from local disk (bmp/jpg/png/tif/pdf)
• View and process the documents already scanned/captured/loaded
  • Editing (rotate/flip/mirror/crop, etc.)
  • Saving or uploading
  • Barcode reading

Usage

Environment: Node.js v18.16.0

1. Apply for a 30-day free trial license of Dynamic Web TWAIN.

2. Update the license key in src\DynamsoftSDK.js file:

   Dynamsoft.DWT.ProductKey = "LICENSE-KEY";
   

3. Install the dependencies:

   npm install --force
   

4. Run the application as follows:

   npm start
   

5. Set up and run the server piece which is used solely for receiving uploaded files. Run the command-line as follows:

   cd server
   npm install
   node server.js
   

Build

Run npm run build to build the project. The build artifacts will be stored in the build/ directory. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!