Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

An Invoice creator project built with React. Add itemized items, configure quantity, prices, tax rates and discounts💠
https://github.com/mahamudm90/invoice-generator

currency-converter firebase headless-ui preview reactjs

Last synced: about 2 hours ago
JSON representation

An Invoice creator project built with React. Add itemized items, configure quantity, prices, tax rates and discounts💠

Awesome Lists containing this project

README

        

# Invoice Of Generator🧾

An Invoice Creator project that is Built By React JS. 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 & Convert It From Canvas -> PDFS.

##### HOME PAGE

![ScreenShot Of Form](screenshots/a.png)

##### USER PROFILE

![ScreenShot of Form](screenshots/b.png)

##### REVIEW INVOICE

![ScreenShot of Form](screenshots/c.png)

##### DOWNLOAD COPY

![ScreenShot of Form](screenshots/d.png)

### Tool'S

- React Js
- Bootstrap
- Headless UI
- Html-to-Image
- JS PDFS

### INSTALLATioN

```
git Clone https://github.com/MahamudM90/INVOICE-GENERATOR

npm Install

npm start / npm run build
```

### To - Do
- [x] Finish Parsing Data Into Preview of Modal .

- [x] Currency Picker.

- [x] Calculate Tax & Discount.

- [x] Store Invoices In Firebase DB .

### [Live Site](https://invoice-generator-react.netlify.app/)