AI Text Extractor & Summarizer

A powerful web application that combines OCR and AI-powered text summarization. Upload images, extract text automatically, and generate intelligent summaries .

Features

• 📸 Image to Text Extraction - Upload images and extract text using Tesseract.js OCR
• 🤖 AI-Powered Summarization - Generate intelligent summaries using Claude AI
• 🎯 Adjustable Summary Length - Choose between short, medium, or long summaries
• 📋 Copy to Clipboard - One-click copy for extracted text and summaries
• 🎨 Beautiful UI - Modern black and gold theme with smooth animations
• 💾 Drag & Drop Upload - Easy image upload with drag-and-drop support
• 📱 Responsive Design - Works perfectly on desktop, tablet, and mobile devices
• ⚡ Fast Processing - Efficient OCR and AI processing

🛠️ Tech Stack

Frontend

• HTML5
• CSS3 (with CSS Variables and Flexbox)
• Vanilla JavaScript
• Tesseract.js (for OCR)

Backend

• Node.js
• Express.js
• Claude API (Anthropic)
• CORS support

📋 Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• Claude API key from Anthropic Console

Extracting Text from Images

1. Upload an Image

   • Click the upload area or drag and drop an image
   • Supported formats: JPG, PNG, GIF, WebP, BMP
   • Preview appears automatically

2. Extract Text

   • Click "Extract Text from Image" button
   • Wait for OCR processing (shows progress)
   • Extracted text appears below

3. Copy Extracted Text

   • Click "Copy Text" button
   • Notification confirms copy success
   • Text ready to paste anywhere

Summarizing Text

1. Adjust Summary Length (optional)

   • Choose from: Short (1-2 sentences), Medium (3-4 sentences), Long (5-7 sentences)
   • Default is Medium

2. Generate Summary

   • Click "Generate Summary" button
   • AI processes the extracted text
   • Summary appears below

3. Copy Summary

   • Click "Copy Summary" button
   • Notification confirms copy success