ReactJS PDF Editor

Description

React PDF Editor allows the users not only to view the PDF on their browser but also comes with additional features like Freehand drawing to mark or highlight certain contents of the PDF and the Comments feature, which allows the users to add a customizable and resizable text anywhere in the PDF.

Important goals of the project:

1. Understand the architecture of Components in ReactJS.
2. Realize the importance of state and props and the process of sharing data from Parent to Child Component, Child to Parent Component and Sibling Components.
3. Implemented several React Hooks like useState, useEffect and useRef.
4. Trigger certain functionalities on some events and handling those events for efficient process.
5. Implemented certain data structures like arrays and stack to perform certain tasks efficiently.

Tools used

react-pdf

Aids to display PDFs in your React app as easily as if they were images. Chek it out here

pdf-lib

Supports modification (editing) of existing documents. Chek it out here

Run project

Clone the project and run the following command to install the necessary packages:

npm install 

Run the following command to start the application:

npm start