Giter Club home page Giter Club logo

mern-pdf-extracter's Introduction

full-stack-assignment-pdf-upload

PDF File Management App

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.

Features

  • 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.

Technologies Used

  • 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.

Setup

  1. Clone the repository.

  2. Install the required dependencies for the frontend and backend using npm install in the respective directories.

  3. Create a MongoDB database and update the connection string in the backend code.

  4. Start the backend server using npm start in the backend directory.

  5. Start the frontend development server using npm start in the frontend directory.

  6. Access the application in your web browser at https://mern-pdf-extracter.vercel.app

Usage

  • 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.

Acknowledgments

  • This project uses open-source libraries and tools.
  • It's a basic implementation and can be extended for more advanced features and security enhancements.

Preview of this app

  • Signup with name,email and password

  • Screenshot (116)

  • Then login into account

  • Screenshot (117)

  • Now we can see visual representation of pdf and click on to upload which stores pdf file on server Screenshot (118)

  • 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. Screenshot (119)

mern-pdf-extracter's People

Contributors

raghav-995 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.