This project is a full-stack application designed to handle file uploads (PDFs and images), extract text from uploaded files, and display processed data. The backend is built with Node.js and Express uses, while the frontend is developed using Next.js with React.
- Node.js - JavaScript runtime
- Express - web framework for building REST APIs
- Multer - middleware for handling uploads
- pdf-parse - library for extracting text from pdf files
- tesseract.js - for extracting text from images
- cors - middleware for cross-origins resource sharing
- Next.js - React framework for SSR and static site generation
- React - JavaScript library for building interfaces
- Axios - promise-based http client for making API requests
Use the package manager [npm]. Navigate to folder
cd backendInstall packages
npm installRun server
npm run devNavigate to folder
cd frontendInstall packages
npm installRun server
npm run dev-
Open http://localhost:3000/upload in your browser.
-
Fill in the form with your first name, last name, date of birth, and select a PDF or image file.
-
Submit the form to upload the file and process the data.
-
After successful submission, you will be redirected to the /display page, where the full name, age, and extracted text are shown.
-
If an error occurs, an error message will be displayed with an option to return to the upload page.