https://github.com/azharuddinmalik/ocr
This web-based OCR application built with Flask allows users to upload images, processes them and displays extracted text
https://github.com/azharuddinmalik/ocr
css flask html js ocr python render tesseract-ocr
Last synced: 5 months ago
JSON representation
This web-based OCR application built with Flask allows users to upload images, processes them and displays extracted text
- Host: GitHub
- URL: https://github.com/azharuddinmalik/ocr
- Owner: AzharuddinMalik
- Created: 2025-05-23T14:37:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-27T10:39:20.000Z (about 1 year ago)
- Last Synced: 2025-10-18T21:51:07.414Z (9 months ago)
- Topics: css, flask, html, js, ocr, python, render, tesseract-ocr
- Language: CSS
- Homepage: https://ocr-flask-app-0la0.onrender.com/
- Size: 7.84 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OCR Flask App
[](https://ocr-flask-app-0la0.onrender.com)
## Table of Contents
- [About the Project](#about-the-project)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Local Development Setup](#local-development-setup)
- [Deployment](#deployment)
- [Uploading & Viewing Results](#uploading--viewing-results)
- [Project Structure](#project-structure)
- [Lessons Learned](#lessons-learned)
- [Future Enhancements](#future-enhancements)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
---
## About the Project
**Live Demo:** [https://ocr-flask-app-0la0.onrender.com](https://ocr-flask-app-0la0.onrender.com)
This web-based OCR application built with Flask allows users to upload images, processes them using OpenCV, performs OCR with Tesseract, and displays extracted text. Designed to handle deployment challenges for system-level dependencies in cloud environments.
LiveOCR Home
---
## Features
- **Image Upload**: JPG/PNG support with drag-and-drop
- **Result Display**: Side-by-side view of original image and extracted text
- **Image Processing**:
- Grayscale conversion
- Thresholding
- Noise reduction
- **OCR Results**:
- Clean text formatting
- Direct image/text comparison
- Copy-to-clipboard functionality
---
## Uploading & Viewing Results
### Step-by-Step Process:
1. **Upload Image**:
- Drag & drop into the designated zone
- Or click "Browse Files" to select from device
Upload File's
2. **Image Processing**:
- Automatic conversion to optimal OCR format
- Background processing using OpenCV
3. **Result Display**:
- Original image shown in left panel
- Extracted text displayed in right panel
- Text appears in formatted `
` block
- Image stored temporarily at:
```bash
static/uploads/{filename}
```
LiveOCR Result
4. **New Conversion**:
- Click "Convert Another Image" to restart
---
## Deployment
### Live Deployment
Currently hosted on Render.com:
[https://ocr-flask-app-0la0.onrender.com](https://ocr-flask-app-0la0.onrender.com)
### Deployment Features:
- **Auto-scaling**: Handles traffic spikes
- **Dockerized**: Consistent environment
- **Continuous Deployment**: GitHub integration
- **SSL**: Secure HTTPS connection
---
[Rest of the README remains unchanged...]