Skip to content

Invoice component built with React that features dynamic line item inputs and drag-and-drop reordering

License

Notifications You must be signed in to change notification settings

firxworx/react-simple-invoice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Simple Invoice

An example of an Invoice component built with React that enables users to create invoices.

Totals are updated automatically as the user types values into the form fields.

Live Demo: http://demo.firxworx.com/react-simple-invoice/

Features:

  • Drag-and-drop reordering of invoice line items implemented with react-beautiful-dnd
  • SCSS Modules and CSS grid for style/layout.
  • SVG UI icons from react-icons (docs: https://react-icons.netlify.com/#/icons/md)

The project code relates to posts on my blog at https://firxworx.com.

The project was bootstrapped with Create React App v2.

Preview Screenshots

Preview (cropped):

Screenshot

Drag and Drop:

Drag and Drop

Scripts

To run the project locally in development mode, navigate to the project folder in your Terminal and run:

yarn start

Go to http://localhost:3000 to view it in the browser.

License

MIT

Author

Kevin Firko @firxworx [email protected]

December 2018

About

Invoice component built with React that features dynamic line item inputs and drag-and-drop reordering

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published