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.

Invoice Generator - React App

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 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

• Finish parsing data into Preview Modal

• Currency Picker

• Calculate Tax and Discounts

• Store invoices in Firebase DB

Meta

John Uberbacher – johnuberbacher.com

invoice-generator's Issues

Add support for INR

Hey, its a cool project and i can really use it for my workflow. But i would really appreciate if you extend this support for more languages and currencies. Particularly i need supoort for indian rupees.

there are few bugs if I am not wrong in the subtotal of the invoice

When I checked the functionality of your app while I was trying to replicate your project, I encountered a few bugs.

1. Subtotal is not calculating the remaining items other than the first one
   

2. Showing wrong precision
   

3. Subtotal is not updated in the preview invoice as well.
   

I may be wrong as I am a beginner in react. Do check out these issues.

Total-calc-error

in the InvoiceForm.js handleCalculationTotal() is not calculate total for 2or more items.

Total Mistak

How we can Build full stack Invoice generator..

[ERROR] Digital envelope routines::unsupported

While setting up the app locally I came across this error.

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (/Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/webpack/lib/NormalModule.js:417:16)
at /Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/webpack/lib/NormalModule.js:452:10
at /Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/webpack/lib/NormalModule.js:323:13
at /Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/pranjalgoyal/Documents/web/swipe-frontend/node_modules/babel-loader/lib/index.js:59:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.16.0

Node Version after 16.x.x is not supported on local machine to run the app

I am using the Node 18.x.x version in my local machine. But this Node version is not applicable for running the app.