This is a simple web application for managing PDF files. Users can upload, view, and extract pages from PDF files. The application consists of a React frontend and a Node.js backend.
-
User Registration and Login: Users can register with their name, email, and password. Registered users can log in to access the file management features.
-
File Upload: Users can upload PDF files with a title. Uploaded files are stored on the server.
-
PDF Viewing: Users can view PDF files on the web page.
-
PDF Page Extraction: Users can select specific pages from a PDF file and extract them into a new PDF.
-
PDF File Listing: The application lists all the uploaded PDF files, displaying their titles and providing an option to view them.
- Frontend: React.js is used for the user interface.
- Backend: Node.js and Express are used for the server.
- Database: MongoDB is used for storing user data and file information.
- PDF Manipulation: pdf-lib library is used for loading, viewing, and extracting pages from PDF files.
- File Upload: Multer middleware is used for handling file uploads.
-
Clone the repository.
-
Install the required dependencies for the frontend and backend using
npm install
in the respective directories. -
Create a MongoDB database and update the connection string in the backend code.
-
Start the backend server using
npm start
in the backend directory. -
Start the frontend development server using
npm start
in the frontend directory. -
Access the application in your web browser at https://frontend-part-pdf.vercel.app/
- Register a user account or log in using existing credentials.
- Upload PDF files with titles.
- View uploaded PDF files and select pages for extraction.
- Extract selected pages into new PDF files.
- Download extracted PDF files.
- This project uses open-source libraries and tools.
- It's a basic implementation and can be extended for more advanced features and security enhancements.
- Signup with name,email and password
- Then login into account
- Give name of the file name and select the want to upload
- Now we can see visual representation of pdf and click on to upload which stores pdf file on server
- here on scroll down we can see the page number with checkbox to toggle and untoggle,select what pages you want to select and extract from this pdf file.
- After selecting the pages click on to button Extract & Download which downloads the new pdf file you have selected.
- Then we have uploaded files page where you can see what you have uploaded and see the preview of each pdf file