https://github.com/ragul-rofi/pdfviwer
PDF viewer Built with Javascript
https://github.com/ragul-rofi/pdfviwer
css html5 javascript pdf pdf-viewer
Last synced: 2 months ago
JSON representation
PDF viewer Built with Javascript
- Host: GitHub
- URL: https://github.com/ragul-rofi/pdfviwer
- Owner: ragul-rofi
- License: apache-2.0
- Created: 2024-09-17T16:06:24.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-17T16:13:26.000Z (9 months ago)
- Last Synced: 2025-03-30T13:13:07.016Z (2 months ago)
- Topics: css, html5, javascript, pdf, pdf-viewer
- Language: JavaScript
- Homepage: https://ragul-rofi.github.io/Simple-Pdf-Viwer/
- Size: 6.84 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PDF Viewer Project
This is a simple online PDF viewer built using JavaScript and [PDF.js](https://mozilla.github.io/pdf.js/). The viewer allows users to render and navigate PDF files in the browser. This project includes navigation controls to move between pages of the PDF.
## Features
- Render PDF pages in the browser
- Navigate between pages (Previous/Next buttons)
- Display current page number and total page count
## Prerequisites
- A local web server is required to load the project files (e.g., Python's `http.server` module).
## Installation
1. Clone or download this project to your local machine.
2. Place the PDF file you want to view inside the project directory.
3. Start a local web server. If you have Python installed, navigate to the project directory in a terminal and run:
```bash
python -m http.server
```
4. Open a browser and go to `http://localhost:8000/index.html`.
## Project Structure
```
pdf-viewer/
├── index.html # The HTML structure for the PDF viewer
├── style.css # Basic styling for the viewer
├── app.js # JavaScript to load and render the PDF
└── my-pdf-file.pdf # The PDF file to be rendered
```
## Usage
1. Once the web server is running, go to `http://localhost:8000/index.html` in your browser.
2. The PDF file will be rendered in the browser.
3. Use the "Previous" and "Next" buttons to navigate between pages.
## Dependencies
- [PDF.js](https://mozilla.github.io/pdf.js/) (included via CDN)
## License
This project is licensed under the MIT License.