🚀 I built a lightweight Invoice Generator using HTML, CSS & JavaScript
Most invoice tools I’ve used are either:
- Too heavy
- Require login/signup
- Or feel overkill for simple use cases
So I decided to build something minimal.
👉 Introducing BillForge — a lightweight invoice generator that runs entirely in the browser.
💡 What I wanted to solve
I wanted a tool that:
- Works instantly (no setup)
- Doesn’t require a backend
- Generates clean, printable invoices
- Can export to PDF easily
✨ Features
- 🧾 Dynamic invoice creation
- ➕ Add / remove items
- 💰 Real-time total calculation
- 📄 Export as PDF
- 📤 Share via WhatsApp / Gmail
- ☁️ Optional Google Sheets integration
🛠 Tech Stack
- HTML5
- CSS3
- Vanilla JavaScript
- html2canvas (for capturing UI)
- jsPDF (for PDF generation)
⚙️ How it works
The app captures the invoice layout using html2canvas, then converts it into a PDF using jsPDF.
For optional backend support, I used Google Apps Script, which stores invoice data in Google Sheets.
🎥 Demo
👉 Live Demo: https://nilesh-padiyar.github.io/billforge/
👉 GitHub: https://github.com/nilesh-padiyar/billforge
🧠 What I learned
- Handling DOM-based PDF generation isn’t always straightforward
- Balancing PDF quality vs file size is tricky
- Keeping UI clean makes a big difference in usability
- Even simple projects can benefit from optional backend integrations
🚀 What’s next?
I’m thinking of adding:
- Invoice history
- Custom themes
- Export to CSV/Excel
🙌 Feedback welcome
I’d love to hear:
- What features would you expect in such a tool?
- Any improvements or ideas?
Thanks for reading!
Top comments (0)