Invoice generator

byrm mrunal

You are a senior full-stack SaaS architect and engineer. Build a modern, production-ready Invoice Generator SaaS for freelancers, agencies, consultants, and small businesses. The application should be scalable, secure, responsive, and follow clean architecture and best coding practices. ======================== TECH STACK ======================== Frontend - React 19 - Vite - TypeScript - Tailwind CSS - React Router - TanStack Query - React Hook Form - Zod - Shadcn UI - Lucide Icons Backend - Node.js - Express.js - TypeScript - Prisma ORM - PostgreSQL - JWT Authentication - bcrypt - REST API Deployment - Docker - Docker Compose - Nginx Storage - Cloudflare R2 (for logos) PDF - PDFKit Authentication - JWT Access Token - Refresh Token - Google OAuth Login ======================== FEATURES ======================== Authentication - Register - Login - Forgot Password - Email Verification - Google Login - Profile - Change Password Dashboard Show Total Revenue Invoices Created Paid Invoices Pending Invoices Overdue Invoices Recent Activity Monthly Revenue Graph ======================== CUSTOMERS ======================== CRUD Customers Fields Name Email Phone GST Number Address City State Country Pincode Notes Search Pagination Export CSV ======================== PRODUCTS ======================== CRUD Products Name Description Price Tax % HSN Code Category ======================== INVOICE ======================== Create Invoice Invoice Number Auto Generated Invoice Date Due Date Customer Multiple Line Items Discount Tax Notes Terms & Conditions Company Logo Signature Status Draft Sent Paid Overdue Cancelled Generate Professional PDF Email Invoice Download PDF Duplicate Invoice Print Invoice ======================== PAYMENTS ======================== Mark Paid Partial Payment Payment History Remaining Balance ======================== REPORTS ======================== Monthly Revenue Pending Amount Top Customers Top Products Revenue Chart Invoice Count ======================== SETTINGS ======================== Company Profile Company Logo GST Number Business Address Invoice Prefix Invoice Number Format Currency Tax Settings Dark Mode ======================== DATABASE ======================== Design normalized PostgreSQL schema using Prisma. Tables Users Customers Products Invoices InvoiceItems Payments Settings RefreshTokens ======================== UI ======================== Modern SaaS Dashboard Glassmorphism Rounded Cards Sidebar Navigation Top Navbar Dark Theme Responsive Mobile Layout Loading Skeletons Toast Notifications Confirmation Dialogs Empty States ======================== VALIDATION ======================== Use Zod validation everywhere. Client Validation Server Validation ======================== SECURITY ======================== Rate Limiting Helmet CORS Input Sanitization Password Hashing JWT Refresh Tokens Secure Cookies SQL Injection Protection ======================== CODE QUALITY ======================== Use feature-based folder structure. Reusable Components Custom Hooks Repository Pattern Service Layer Environment Variables ESLint Prettier ======================== BONUS FEATURES ======================== Recurring Invoices Invoice Templates Multi-language Multi-currency Client Portal Expense Tracker Dashboard Widgets CSV Export Excel Export QR Code on Invoice Barcode Support Razorpay Integration Stripe Integration ======================== OUTPUT ======================== Generate the project one feature at a time. Start with project setup. Then authentication. Then database. Then backend APIs. Then frontend. Then dashboard. Then customers. Continue until the SaaS is fully completed. Do not skip any files. Generate complete code with folder structure. Every component should be production-ready. Follow best practices throughout.