Skip to content

MdMohsinHaider/Room-Rent-Invoice-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Room Rent Invoice Generator

A simple, responsive web application to generate printable or printable-style room rent invoices with multiple bill rows.

Features

  • Dynamically add multiple months' rent and utility dues
  • Calculate total dues amount with a clear invoice summary
  • Responsive form controls for mobile and desktop
  • Printable invoice view with print-only styling
  • Automatically formats and displays dates
  • Personalized print file with renter's name
  • Clean and easy-to-use UI with row add/remove functionality

Technologies Used

  • HTML5
  • CSS3 (responsive flexbox layout)
  • JavaScript (vanilla ES6)
  • Browser native print functionality

Live Demo

Try it live at https://mdmohsinhaider.github.io/Room-Rent-Invoice-Generator/

Getting Started

Prerequisites

  • Modern web browser (Chrome, Firefox, Edge, Safari)

Installation

  1. Clone or download this repository.
  2. Open index.html in a web browser.

Usage

  1. Enter the renter's name and date.
  2. Add one or more rows for rent dues with month names, previous dues, rent, and electric bills.
  3. Click Generate Invoice to view the invoice.
  4. Click Print Invoice to print only the invoice area.

Folder Structure

/mase
  ├── index.html      # Main HTML page
  ├── style.css       # Stylesheet with responsive layout
  └── script.js       # JavaScript for interactivity and print functionality

Contributing

Contributions are welcome! Please fork the repository and submit pull requests.

License

This project is licensed under the MIT License. See the LICENSE.md file for details.


Made by Md Mohsin Haider