https://github.com/mohitchandel/invoice-generator
Instantly create professional invoices with our React Invoice Generator app. Simplify invoicing with dynamic input, PDF creation, and customization.
https://github.com/mohitchandel/invoice-generator
invoice-generator nextjs nextjs14-typescript reactjs typescript
Last synced: 3 months ago
JSON representation
Instantly create professional invoices with our React Invoice Generator app. Simplify invoicing with dynamic input, PDF creation, and customization.
- Host: GitHub
- URL: https://github.com/mohitchandel/invoice-generator
- Owner: mohitchandel
- Created: 2024-02-17T09:59:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-17T13:49:15.000Z (over 2 years ago)
- Last Synced: 2025-06-03T00:04:18.678Z (about 1 year ago)
- Topics: invoice-generator, nextjs, nextjs14-typescript, reactjs, typescript
- Language: TypeScript
- Homepage:
- Size: 90.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Invoice Generator
This is a app for generating invoices. It allows users to input sender details, customer details, invoice details, invoice items, payout details, and additional notes to generate a PDF invoice.
### Features
- **Input Sender Details**: Enter the sender's name and email.
- **Input Customer Details**: Enter the customer's first name, last name, email, phone, and address.
- **Input Invoice Details**: Enter the invoice number, invoice date, and due date.
- **Add Invoice Items**: Add items to the invoice including item name, quantity, price, and tax.
- **Generate PDF Invoice**: Generate a PDF invoice with all the entered details.
- **Preview PDF Invoice**: Preview the generated PDF invoice before downloading.
- **Payout Details**: Enter bank details, PayPal address, and crypto wallet address.
- **Additional Details**: Add any additional notes or details to the invoice.
### Dependencies
- `@nextui-org/react`: UI library for Next.js applications.
- `@react-pdf/renderer`: Library for creating PDF documents in React.
- `react`: JavaScript library for building user interfaces.
- `react-hot-toast`: Toast notifications for React applications.
### Installation
1. Clone the repository
`git clone https://github.com/mohitchandel/invoice-generator.git`
2. Install dependencies using `npm install` or `yarn install`.
3. Run the application using `npm start` or `yarn start`.
### Customization
This component can be easily customized to fit your specific needs. You can modify the UI, add or remove input fields, or extend its functionality according to your requirements.
### Contributing
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or create a pull request on GitHub.
#### Tech Stack
- Next.Js
- Tailwind CSS
- TypeScript