PDF Annotation Application

A modern React application for annotating PDF documents. This application allows users to add dot annotations to PDF documents by right-clicking on specific locations within the document.

Features

• Upload and view PDF documents
• Right-click on the PDF to add dot annotations with custom text
• View all annotations in a sidebar
• Delete annotations
• Save annotations as JSON for future reference
• Modern Material UI design

Technologies Used

• React with TypeScript
• PDF.js for PDF rendering
• Material UI for the user interface
• Webpack for bundling

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (v6 or higher)

Installation

1. Clone the repository or download the source code
2. Navigate to the project directory
3. Install dependencies:

npm install

Running the Application

To start the development server:

npm start

The application will open in your default browser at http://localhost:3000.

Building for Production

To create a production build:

npm run build

The built files will be located in the dist directory.

Usage

1. Upload a PDF document by clicking the "Upload PDF" button or dragging and dropping a file
2. Right-click on any location in the PDF document to add an annotation
3. Enter annotation text in the popup dialog and click "Add Annotation"
4. View and manage your annotations in the sidebar
5. Use the toolbar buttons to save annotations or undo the last annotation

License

ISC