https://github.com/nadeetharuka/invoice-pdf-genarator
This project is a React application for generating invoice PDFs. It uses jspdf and html2canvas libraries to create a PDF from HTML content.
https://github.com/nadeetharuka/invoice-pdf-genarator
html2canvas jspdf react
Last synced: about 2 months ago
JSON representation
This project is a React application for generating invoice PDFs. It uses jspdf and html2canvas libraries to create a PDF from HTML content.
- Host: GitHub
- URL: https://github.com/nadeetharuka/invoice-pdf-genarator
- Owner: NadeeTharuka
- License: gpl-3.0
- Created: 2024-06-26T02:36:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-18T18:13:16.000Z (almost 2 years ago)
- Last Synced: 2025-06-10T09:04:39.262Z (about 1 year ago)
- Topics: html2canvas, jspdf, react
- Language: JavaScript
- Homepage:
- Size: 1.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Invoice PDF Generator App
This project is a React application for generating invoice PDFs. It uses `jspdf` and `html2canvas` libraries to create a PDF from HTML content.
## Features
- Generate invoice PDFs from HTML content
- Basic invoice layout with customer information, items, and total amount
- Easy to extend and customize
## Technologies Used
- React
- jsPDF
- html2canvas
## Usage
1. The application will display a sample invoice.
2. Click the "Generate PDF" button to download the invoice as a PDF file.
## Project Structure
- `src/components/Invoice.js`: The Invoice component that displays the invoice layout.
- `src/App.js`: The main App component where the PDF generation logic resides.
- `src/App.css`: Basic styling for the application.
## Customization
You can customize the invoice by modifying the `Invoice` component in `src/components/Invoice.js`. Add or remove fields as needed to match your invoice requirements.