This project is an Angular-based web application designed to generate professional invoices. It allows users to input invoice details and generate a PDF version of the invoice for download or printing.
- Invoice Form: Input fields for client information, services/products, quantities, prices, and dates.
- PDF Generation: Creates a PDF of the invoice using client-side processing.
- Real-time Preview: Displays a live preview of the invoice as data is entered.
- Responsive Design: Ensures usability across various devices and screen sizes.
A live demo of the application is available at: Invoice Generator Demo
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/mumer119131/invoice-generator-angular.git
-
Navigate to the project directory:
cd invoice-generator-angular -
Install dependencies: Ensure you have Node.js and npm installed. Then run:
npm install
-
Start the development server:
npm start
-
Access the application: Open your browser and navigate to
http://localhost:4200/.
- Enter Invoice Details: Fill in the client information, add items or services, and specify quantities and prices.
- Preview Invoice: View the real-time preview to ensure accuracy.
- Generate PDF: Click the "Generate PDF" button to create and download the invoice as a PDF file.
- Angular: Framework for building the web application.
- PDFMake: Library for generating PDF documents on the client side.
- Tailwind CSS: Utility-first CSS framework for styling.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature/YourFeatureName
- Make your changes.
- Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin feature/YourFeatureName
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
This project was inspired by the Angular PDFMake Invoice Generator by ngdevelop-tech.
For any inquiries or feedback, please contact me.