Skip to content
A small React app written in Typescript that renders an invoice in the browser
TypeScript CSS JavaScript Other
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
mock
script
src
.editorconfig
.gitignore
package-lock.json
package.json
readme.md
setup-test.ts
tsconfig.json
tslint.json
webpack.config.js

readme.md

Invoice

This is a small React app written in Typescript that renders an invoice in the browser. I use Chrome to create a PDF version (Print > Save as PDF).

Get it running

Example

docs/invoice-example.pdf

Style and logo

Tools

This application makes use of:

  • React
  • Typescript
  • Moment
  • Jest, to unit test utility functions (scr/utility)
  • Enzyme & Jest, to unit test React components (scr/component)
  • Webpack

Don't store everything in version control

I'd rather not store information about my company or the address/contact information of others in Git. Especially not in public repositories. Therefore, after having installed the npm modules of this project, script/git-ignore-changes.sh will be executed. It will result in ignoring changes in src/config/sender.ts and src/config/receiver.ts.

Read more about letting Git ignore changes in this post on Medium

Notes

  • The invoice contents are in Dutch. Because, well, I'm Dutch :)
  • I've optimized the css to work in my default browser: Chrome. Firefox displays it less nicely (when saving to PDF), I've noticed. And since the css uses native css variables, it will probably look terrible in Explorer <= 11.
You can’t perform that action at this time.