Doc Scanner

Next.js Document Scanner web app with TypeScript, using Scanbot.io

Features

• Document scanning and capture
• Image enhancement
• Text recognition (OCR)
• PDF export

Note: this is just a setup of scanbot. Which only offers a 60 second trial unless one has a trial token or a plan with scanbot.io.

Installation

Prerequisites

• Node.js (v18 or higher)
• npm (v8 or higher) or bun

Project Structure

doc-scanner/
├── app/
│ └── page.tsx
├── public/
│ └── wasm/
├── package.json
└── README.md

Setup

1. Clone the repository:

git clone https://github.com/yourusername/doc-scanner.git
cd doc-scanner

2. Install dependencies:

# Using npm
npm install
# Using bun
bun install

3. Copy WebAssembly files:

By either:
npm/bun postinstall
or:
mkdir -p public/wasm && cp -r node_modules/scanbot-web-sdk/bundle/bin/complete/* public/wasm

Running the App

Start the development server:

# Using npm
npm run dev
# Using bun
bun run dev

Access the application at http://localhost:3000

Sources:

https://scanbot.io/