https://github.com/johnuberbacher/invoice-generator

An Invoice creator project built with React. Uses jspdf-react to capture the data from the modal and convert it from canvas -> pdf.
https://github.com/johnuberbacher/invoice-generator

bootstrap css css3 html html5 invoice javascript javascript-project jspdf pdf pdf-generation react react-bootstrap react-project reactjs

Last synced: 27 days ago
JSON representation

An Invoice creator project built with React. Uses jspdf-react to capture the data from the modal and convert it from canvas -> pdf.

• Host: GitHub
• URL: https://github.com/johnuberbacher/invoice-generator
• Owner: johnuberbacher
• Created: 2021-09-06T18:34:06.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-06-30T12:19:35.000Z (10 months ago)
• Last Synced: 2025-03-29T20:06:30.077Z (about 1 month ago)
• Topics: bootstrap, css, css3, html, html5, invoice, javascript, javascript-project, jspdf, pdf, pdf-generation, react, react-bootstrap, react-project, reactjs
• Language: JavaScript
• Homepage: https://invoice-generator-react.netlify.app/
• Size: 628 KB
• Stars: 248
• Watchers: 4
• Forks: 179
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Invoice Generator - React App

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![](https://img.shields.io/badge/bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

An Invoice creator project built with React. Add itemized items, configure quantity, prices, tax rates and discounts. Download Invoice as PDFs to your device. Uses [jspdf-react](https://www.npmjs.com/package/jspdf-react) to capture the data from the modal and covert it from canvas -> pdf.

### Live Demo

https://invoice-generator-react.netlify.app/

### Screenshots







### Installation

```

git clone https://github.com/johnuberbacher/invoice-generator

npm install

npm start / npm run build

```

### To-Do

- [x] Finish parsing data into Preview Modal

- [x] Currency Picker

- [x] Calculate Tax and Discounts

- [ ] Store invoices in Firebase DB

### Meta

John Uberbacher – [johnuberbacher.com](https://johnuberbacher.com)