AI Table Reader is a web application built with Next.js that allows users to upload images, detect table structures within those images, and extract table data using Tesseract.js for OCR and OpenCV.js for image processing.
- Image Upload: Users can upload images containing tables.
- Table Detection: Uses OpenCV.js to detect table structures within the image.
- Text Extraction: Uses Tesseract.js to extract text from the detected tables.
- Table Display: Extracted table data is displayed in a HTML table format.
- Next.js: React framework for building server-side rendered applications.
- Tesseract.js: JavaScript OCR library.
- OpenCV.js: JavaScript version of OpenCV for image processing.
Make sure you have Node.js installed.
-
Clone the repository:
git clone https://github.com/Fnighty/ai-table-reader.git cd ai-table-reader -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Upload an Image:
On the homepage, click the "Choose File" button and upload an image containing a table.
-
Process the Image:
The application will automatically process the image to detect table structures and extract text.
-
View Extracted Table Data:
Extracted table data will be displayed in a HTML table format below the uploaded image.
The project structure is organized as follows:
README.md: Project overview and instructions.app/page.tsx: Main HTML file for the application.app/globals.css: CSS file for styling the application.components/ImageUpload.js: JavaScript file for handling image upload and processing.
This project is licensed under the MIT License - see the LICENSE file for details.