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 file upload and OCR processing
├── frontend/
│   ├── index.html        # Main HTML template
│   ├── index.tsx         # Frontend React application
│   └── style.css         # Custom styles
└── README.md

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