Skip to content

InvoicePro is a modern, web-based invoice generator designed to help small businesses, freelancers, and admins generate professional invoices quickly and efficiently. Built with HTML, Bootstrap 5, and JavaScript, the app features a sleek UI, admin authentication, dynamic itemized billing, and PDF export functionality.

Notifications You must be signed in to change notification settings

HimanshuKumar21/Invoice-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Invoice-Generator

InvoicePro is a modern, web-based invoice generator designed to help small businesses, freelancers, and admins generate professional invoices quickly and efficiently. Built with HTML, Bootstrap 5, and JavaScript, the app features a sleek UI, admin authentication, dynamic itemized billing, and PDF export functionality.

🧾 InvoicePro – Smart Invoice Generator

InvoicePro is a modern, responsive invoice generator built with HTML, CSS (Bootstrap), and JavaScript. It allows admins to securely create, preview, print, and download professional invoices in PDF format. Ideal for freelancers, small businesses, and students demonstrating frontend capabilities.


🔐 Features

  • Admin Login: Secure access with persistent login using localStorage

  • Invoice Builder:

    • Customer info + auto-generated invoice number and date
    • Itemized product entry with quantity, price, and GST
    • Live total updates
  • PDF Export: Download clean, print-ready invoices

  • Print Support: Only prints invoice content

  • Modern UI: Responsive, styled with Bootstrap 5 & custom CSS


🗂 Project Structure

📁 invoice-generator/
├── index.html          # Landing page
├── create.html         # Main invoice builder (admin-only)
├── admin.html          # Admin login form
├── success.html        # Confirmation screen (optional)
├── style.css           # Project-wide styling
├── script.js           # Invoice logic (add/reset/print/PDF)
├── admin.js            # Admin login/session handling
└── README.md           # Project documentation

✅ Admin Credentials

Username: admin
Password: admin123

(Modify inside admin.js)


🚀 How to Run

  1. Clone the repo

    git clone https://github.com/your-username/invoice-pro.git
    cd invoice-pro
  2. Open admin.html in your browser

  3. Log in and start generating invoices!


📸 Screenshots

a b c d e


🛠 Technologies Used

  • HTML5, CSS3, JavaScript
  • Bootstrap 5
  • html2pdf.js (for PDF export)

💡 Potential Enhancements

  • Invoice history using localStorage or backend
  • Email invoice to clients
  • Export to Excel
  • Add logo/branding in invoice
  • Dark mode toggle
  • Backend login & database (e.g., Node.js, MongoDB)

📄 License

MIT License © 2025 [Himanshu kumar]


🙌 Acknowledgements

Thanks to open-source libraries like Bootstrap and html2pdf.js that made this project smoother.


Feel free to fork and enhance this project or integrate it into your business or portfolio.

About

InvoicePro is a modern, web-based invoice generator designed to help small businesses, freelancers, and admins generate professional invoices quickly and efficiently. Built with HTML, Bootstrap 5, and JavaScript, the app features a sleek UI, admin authentication, dynamic itemized billing, and PDF export functionality.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published