Very cool. Sometimes I receive invoices in the mail that give me the option to pay online. However most of the sites require a sign up and account. The smarter sites have a widget that allows you to type in your unique invoice id and pay without signing up.<p>This has always seemed like a possible opportunity for a SaaS product in my opinion. Essentially you'd let the site generate the invoices using your code. Give them a snippet to put on their site and handle the payment processing. Maybe give them a dashboard to see all their data.<p>Embeddable Invoices.
A handful of suggestions<p>- consider putting initial focus on the item description field and possibly using a textarea over input<p>- in alternating rows with white background it's difficult to determine what can be updated<p>- as this is desktop targeted, I'd consider throwing a hover style over the fields which are in fact editable<p>- rather than trying to rework styling of form elements, use the hover effect as described above and the ng-if (or ng-show/ng-hide) to toggle between the input field and text based element<p>- print mode you can still edit, as noted in another comment there really shouldn't be a print mode, you should have a print stylesheet to hide what you don't want on there and format everything else appropriately<p>- consider localStorage for the most recent invoices created, also helps with the "oh shit, I just navigated off the page with 100 line items"<p>Overall good first effort, keep at it!
This is actually simple yet well executed - great work.<p>Glad to see the 'Made with Love in Toronto' footer too. Would love to connect about a project perhaps? <a href="https://news.ycombinator.com/item?id=6218412" rel="nofollow">https://news.ycombinator.com/item?id=6218412</a><p>Cheers
Hey!
Here's something very similar I've built with Angular too <a href="https://github.com/vahek/InvoicingJs" rel="nofollow">https://github.com/vahek/InvoicingJs</a><p>I recommend making use of localstorage, so the company info doesn't have to be entered every time.
Neat. In working with Angular it has definitely seemed that it is particularly well suited to building single-purpose form-based apps (because building really simple things in Angular is shockingly easy). I've had a few ideas like this one. Maybe this will motivate me :)