React.js jsPDF GST Billing Invoice Generator Deployed to Netlify Web App Using jspdf-react Library in Javascript Full Project For Beginners

 

 

Invoice Generator – React App

React 

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

 

 

App.js

 

 

import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import './App.css';
import Container from 'react-bootstrap/Container';
import InvoiceForm from './components/InvoiceForm';

class App extends Component {
  render() {
  return (
    <div className="App d-flex flex-column align-items-center justify-content-center w-100">
      <Container>
        <InvoiceForm/>
      </Container>
    </div>
  );
}}

export default App;

Leave a Reply