A web application that allows users to upload JPEG and HEIC images and convert them to HTML using advanced OCR (Optical Character Recognition) with mathematical formula preservation.

• Drag and drop file upload for JPEG and HEIC images
• Multiple file upload support
• Advanced OCR text recognition using Tesseract.js with mathematical formula detection
• Mathematical formula preservation using MathJax rendering
• Specialized math OCR using Mathpix-style recognition
• HTML output generation with proper formatting and LaTeX math support
• Downloadable HTML files with embedded mathematical notation
• Progress tracking for OCR processing
• HEIC to JPEG conversion for compatibility

├── backend/
│   └── index.ts          # Main API server with HEIC support and math formula processing
├── frontend/
│   ├── index.html        # Main HTML template with MathJax and HEIC support
│   ├── index.tsx         # Frontend React application with enhanced OCR
│   └── style.css         # Custom styles with math formula styling
└── README.md

• Automatic detection of HEIC/HEIF files
• Client-side conversion to JPEG using heic2any library
• Preview generation for HEIC files
• Progress tracking during conversion

• Pattern-based detection of mathematical expressions
• Support for common mathematical symbols (√, ∫, ∑, ∏, Greek letters)
• Recognition of fractions, exponents, and equations
• LaTeX-style formula preservation in HTML output
• MathJax rendering for proper mathematical display

• Specialized Tesseract.js configuration for mathematical content
• Extended character whitelist including mathematical symbols
• Multi-stage processing with conversion and OCR phases
• Real-time progress tracking with detailed status updates

1. Visit the application URL
2. Drag and drop JPEG/HEIC files or click to select files (multiple files supported)
3. Click "Start OCR Processing" to begin text and mathematical formula extraction
4. Monitor the progress of each file being processed with specialized math recognition
5. Once complete, click "Download HTML" to get a formatted HTML file with preserved mathematical formulas

• Drag & Drop Interface: Easy file upload with visual feedback for JPEG and HEIC formats
• HEIC Support: Automatic conversion of HEIC files to JPEG for processing
• Multiple File Support: Process multiple images at once
• Mathematical Formula Recognition: Specialized OCR for mathematical expressions and formulas
• LaTeX Math Rendering: Mathematical formulas preserved using MathJax in HTML output
• Real-time Progress: See processing status and progress for each file
• OCR Confidence Scores: View confidence levels for text recognition
• Preview Images: See thumbnails of uploaded images (HEIC converted to JPEG for preview)
• Formatted HTML Output: Clean, styled HTML with mathematical notation properly rendered
• Error Handling: Clear error messages for failed processing
• File Validation: Automatic filtering to accept JPEG and HEIC files

• Backend: Hono.js for API routes
• Frontend: React with TypeScript
• OCR: Tesseract.js for general text recognition
• Math OCR: Specialized mathematical formula recognition
• Math Rendering: MathJax for LaTeX formula display in HTML
• Image Processing: HEIC to JPEG conversion support
• Styling: TailwindCSS