Skip to content

Open to freelance projects and CDI opportunities

Mohamed.

SaaS · Invoicing

InvoiceFlow

An invoicing platform to manage clients, catalog, quotes and professional PDF documents — with live preview and 18 document styles.

InvoiceFlow hero

Context

Invoicing is often split across spreadsheets, one-off templates and scattered files. Teams need a single workspace to keep clients, products, tax settings and the full invoice lifecycle together.

Objective

Give businesses a clear flow: set up the company profile, manage clients and products, create invoices and quotes with automatic calculations, preview documents in real time, and export professional PDFs in one click.

Solution

A Next.js 16 frontend with a NestJS 11 API and PostgreSQL. Session security uses JWT access and refresh tokens; registration is verified by email OTP. Invoices and quotes are built in a split view with live HTML preview, then exported to PDF via Puppeteer across 18 layout styles. Company profile, tax rules, bulk CSV/XLSX import, quote-to-invoice conversion, dashboard KPIs and in-app help complete the product flow. Deployed on Vercel (frontend), Render (API + database), with Docker Compose and GitHub Actions CI.

Product

InvoiceFlow is an invoicing and financial tracking platform. Users sign up with email verification, complete their company profile, then create invoices and quotes from real client and product data. Totals (subtotal, tax, total) update live as line items are added. The document preview sits next to the form and updates in real time before PDF export. The dashboard covers invoices, quotes, customers, products, document styles, reports and settings. Users can import clients and products in bulk (CSV/XLSX), convert a quote into an invoice in one click, pick from 18 PDF styles, manage tax rules, and follow KPIs on the overview and reports pages. In-app help guides cover setup and day-to-day use.

InvoiceFlow — invoice builder with live preview
Invoice builder with live preview
InvoiceFlow marketing landing page
Marketing landing — full page
InvoiceFlow account registration
Account registration
InvoiceFlow login
Login
InvoiceFlow dashboard overview
Dashboard overview
InvoiceFlow dashboard overview — compact layout
Dashboard overview — compact
InvoiceFlow invoices list
Invoices
InvoiceFlow invoice side preview
Invoice side preview
InvoiceFlow document styles
Document styles
InvoiceFlow quotes
Quotes
InvoiceFlow quote builder — Folio style
Quote builder — Folio style
InvoiceFlow customers
Customers
InvoiceFlow products
Products
InvoiceFlow company settings
Company settings
InvoiceFlow tax rules
Tax rules
InvoiceFlow reports
Reports

Key capabilities

  • Native PDF invoicing with live preview
  • Quotes with one-click convert to invoice
  • Clients & products management
  • Bulk CSV/XLSX import
  • 18 professional document styles
  • Configurable tax rules and rates
  • Company profile & logo branding
  • Dashboard KPIs & reports
  • Email OTP registration & JWT authentication
  • Responsive dashboard (desktop + mobile)
  • Marketing landing page & in-app help guides

Technology

Next.js · React · TypeScript · NestJS · PostgreSQL · TypeORM · Tailwind CSS · Puppeteer · JWT · Resend · Docker · Vercel · Render · GitHub Actions

Outcome

A production-ready invoicing workspace — from signup to branded PDF — with a simple product flow and a polished dashboard experience.

Next

DelivriX

Operational delivery platform for e-commerce and retailers — the business administers orders and fleet, drivers run their routes with real GPS, and recipients track parcels in a dedicated portal.

View project
DelivriX

Have a similar project in mind?