Invoice Management App

An Invoice Management web application built with React and Redux. This allows you to create, view, edit and delete invoices using the integrated Redux store via actions and reducer. We can also create invoice by copying to a new invoice from an existing invoice. (View -> Copy to New)

Disclaimer! This application is not connected to a backend or DB. So, refreshing the page will clear the state of redux store which means that the created invoices will be lost.

The existing InvoiceForm component from invoice-generator enables us to add itemized items, configure quantity, prices, tax rates and discounts. We can also 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-management-app.netlify.app

Installation and Local setup

Clone the repository

git clone https://github.com/GaneshSparkz/Invoice-Management-App.git

cd Invoice-Management-App

Install the dependencies

npm install

Run the application on browser

npm start

Screenshots

Homepage

Create Invoice

Edit Invoice

View Invoice

Copy to New

Download Invoice PDF

Not Found pages

Wrong URL

Wrong Invoice ID on URL

To-Do (Future Scope)

• Persist the invoices in redux store in localStorage or any other type of storage using redux-persist

• Create a backend system and Database to store the invoices and integrate it to the frontend