✨ Invoice Generator Pro – LekhPatra ✨

---

Create, preview, and download beautiful invoices in seconds.
Modern, animated, and privacy-first invoice generator for freelancers, businesses, and creators.

---

🚀 Features

• ⚡ Instant Invoice Creation – Fill, preview, and download PDF invoices in seconds.
• 👤 Sender & Recipient Details – Add name, email, address, and mobile number for both parties.
• 💸 Multi-currency & Tax – Supports any currency, item/invoice discounts, and tax rates.
• 🏦 Bank/Payment Details – Add bank name, account, IFSC, SWIFT/BIC, etc.
• 👁️ Live Preview – See your invoice update in real-time as you type.
• 📥 PDF Download – Download ready-to-send, professional PDF invoices.
• 🎨 Custom Logo & Branding – Upload your logo or use the default.
• 🔒 Privacy-First – All data stays on your device. No signup, no tracking.
• 📱 Responsive & Mobile-Ready – Works beautifully on all devices.
• ✨ Premium UI/UX – Built with modern design, smooth animations, and best practices.

---

🎬 Animated Demo

---

🌀 How It Works

Step	Action
📝	Fill Invoice Details – Enter sender, recipient, items, payment, and notes.
👁️	Live Preview – Instantly see your invoice update as you type.
📥	Download PDF – Click to download a professional invoice PDF.
📤	Send or Print – Share or print your invoice, ready for your client.

---

💡 Use Cases

Use Case	Description
👨‍💻 Freelancers	Bill clients with professional, branded invoices.
🏪 Small Businesses	Generate GST-ready or global invoices in seconds.
🚀 Startups & Creators	Save time, look premium, and get paid faster.
🔒 Privacy Advocates	No data leaves your device. 100% privacy.
⏱️ Anyone	Need a quick, beautiful invoice? This is for you.

---

🛠️ Tech Stack

Tech	Description	Icon
Next.js	React framework	⚫
React	UI library	⚛️
TypeScript	Type safety	🟦
Tailwind CSS	Utility-first CSS	💨
jsPDF	PDF generation	📄
html2canvas	HTML to image for PDF	🖼️
Lucide Icons	Modern SVG icons	✨

---

🗂️ Project Structure

invoice-generator/
  ├── app/
  │   ├── globals.css
  │   ├── layout.tsx
  │   └── page.tsx
  ├── components/
  │   ├── invoice-form.tsx
  │   ├── invoice-generator.tsx
  │   ├── invoice-preview.tsx
  │   ├── theme-provider.tsx
  │   ├── theme-toggle.tsx
  │   └── ui/
  ├── hooks/
  ├── lib/
  ├── public/
  ├── styles/
  ├── types/
  ├── package.json
  ├── tailwind.config.js
  ├── tsconfig.json
  └── ...

Note: To view the diagram below, make sure GitHub's "Markdown: Enable Mermaid" feature is enabled in your profile settings (or use VS Code with Mermaid preview).

flowchart TD
  A[app/] --> B1[globals.css]
  A --> B2[layout.tsx]
  A --> B3[page.tsx]
  C[components/] --> D1[invoice-form.tsx]
  C --> D2[invoice-generator.tsx]
  C --> D3[invoice-preview.tsx]
  C --> D4[theme-provider.tsx]
  C --> D5[theme-toggle.tsx]
  C --> D6[ui/]
  E[hooks/]
  F[lib/]
  G[public/]
  H[styles/]
  I[types/]
  J[package.json]
  K[tailwind.config.js]
  L[tsconfig.json]

Loading

---

🚀 Getting Started

1. Clone the repo:

   git clone https://github.com/NarenderSD/lekhpatra.git
   cd invoice-generator

2. Install dependencies:

   npm install
   # or
   pnpm install

3. Run locally:

   npm run dev
   # or
   pnpm dev

4. Open in browser: http://localhost:3000

---

🤝 Contribution

• PRs welcome! For major changes, please open an issue first.
• See the CONTRIBUTING.md for details.

📄 License

This project is licensed under the MIT License.

---

🤝 Connect with Me

Build by Narender Singh 🚀