PDF Invoice Generator

Overview

PDF Invoice Generator is a web application that lets you create professional invoices in seconds. Users fill out a form with issuer, client, and item details, and the app calculates the subtotal, tax, and total in real time. Once finished, the invoice can be downloaded as a PDF or sent directly by email to the client, all without leaving the app.

Key Features

• Live calculation — Subtotal, tax, and total update automatically as you fill in the form.
• Professional PDF generation — A clean, ready-to-send template generated with React-pdf.
• Email delivery — Attach and send the invoice directly from the app.
• Next.js 14 — Modern framework with excellent performance.
• TailwindCSS — Utility-first styling for a clean, responsive interface.
• Strict TypeScript — Full type coverage across the project.

Architecture

The project follows a clean architecture with clear separation of concerns:

• components/ — Reusable components organized by domain (form, invoice, layout).
• layouts/ — Base layouts for pages and components.
• lib/ or utils/ — Calculation logic (subtotal, tax, total) and PDF generation with React-pdf.