ScanPad is a web application that combines OCR (Optical Character Recognition) with a rich text editor. It also has document management and exporting features. It allows you to easily convert images containing text into editable content, making it perfect for digitizing documents, notes, or any text-containing images.
- OCR Text Recognition: Convert text from images using advanced OCR technology
- Rich Text Editor: Full-featured text editor with formatting options
- Multiple Input Methods:
- Paste images directly from clipboard
- Drag and drop image files
- Upload images from your device
- Capture images using your device's camera
- Document Management:
- Create, edit, and organize multiple documents
- Search through your documents
- Export documents in various formats (DOCX, PDF)
- Dark Theme: Modern, eye-friendly dark interface
- Responsive Design: Works seamlessly on both desktop and mobile devices
- Node.js (v14 or higher)
- npm or yarn package manager
- Modern web browser with camera access (for OCR capture feature)
- Clone the repository:
git clone https://github.com/ronnmabunga/scanpad.git
cd scanpad
- Install dependencies:
npm install
# or
yarn install
- Start the development server:
npm run dev
# or
yarn dev
- Open your browser and navigate to
http://localhost:5173
-
Creating a New Document:
- Click "New" to start a fresh document
- Or use the home page to begin editing immediately (non-mobile screen)
-
Using OCR:
- Paste an image from your clipboard
- Or drag and drop an image file
- Or use the camera to capture text
- The text will be automatically transcribed and inserted into the editor
-
Managing Documents:
- Use the document viewer to see all your documents
- Search through your documents using the search bar
- Edit, delete, or create new documents as needed
-
Exporting Documents:
- Use the File menu to export your documents
- Available formats: DOCX, PDF
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.
- Tesseract.js for OCR capabilities
- React-Quill for the rich text editor
- Bootstrap for the UI components
- Dexie.js for IndexedDB wrapper
Ronn Mabunga
If you find this project helpful, please consider giving it a star ⭐️!