Invoice Generator Web Application
Emmanuel Olumide
📄 MyInvoice
Create, preview, and export professional invoices instantly.
A beautifully designed, no-dependency invoice generator that runs entirely in your browser.
✨ Features
🎨 Live Preview See your invoice update in real-time as you type 📄 PDF Export One-click download as a polished, print-ready PDF 🏢 Company Info Your name, address, email, phone — fully customizable 👤 Client Details Bill-to section with all recipient fields 📦 Line Items Add, remove, and edit items with auto-calculated amounts 💰 Tax & Discount Configurable tax rate (%) and discount ($) 📝 Notes & Terms Optional payment notes and terms & conditions 📋 Sample Data Pre-filled demo to see the app in action 📱 Responsive Works beautifully on desktop, tablet, and mobile ☁️ Zero Backend Everything runs client-side — no server, no database
🖼️ Screenshots
Side-by-side form layout Real-time invoice preview
🛠️ Tech Stack
🧠 How It Works
Fill out the form — your company info, client details, invoice metadata, and line items.
Watch the preview — the right panel updates instantly with every keystroke.
Export to PDF — click the button and
html2canvas captures the preview, then jsPDF wraps it into a downloadable file.No data leaves your browser. No API calls. No sign-ups.
📁 Project Structure
🤝 Contributing
Found a bug or have an idea? Open an issue or submit a PR. Contributions are welcome!
📄 License
MIT — use it freely for personal or commercial projects.
Built with ❤️ by Olumidedara
Powered by vanilla JS, good coffee, and the desire to never open Word again.
Like this project
Posted Jul 3, 2026
Developed a browser-based invoice generator with real-time preview and PDF export features.
