Skip to main content

Invoice Manager

Invoice Manager Browser-based invoice and receipt app. Create invoices, manage clients, use 10+ templates, export PDFs, and view analytics—all with local-o...

Screenshots & Gallery

Invoice Manager - Image 1

Video

Invoice Manager
Browser-based invoice and receipt app. Create invoices, manage clients, use 10+ templates, export PDFs, and view analytics—all with local-only storage and no backend.

Stack: React, TypeScript, Vite, Tailwind, Zustand, Dexie (IndexedDB), jsPDF

About this project

Invoice Manager

A professional invoice and receipt manager built as a single-page app that runs entirely in the browser. All data is stored locally with IndexedDB—no backend, no accounts, no data leaving the device.

Problem
Small businesses and freelancers need a simple way to create invoices, track clients, and store receipts without depending on a paid service or giving up data control.

Solution
A responsive web app that works offline-first: create and edit invoices with line items and tax, manage clients, choose from multiple invoice templates (or build custom ones), generate and upload receipts, and view basic analytics—all with optional backup and restore so users can save or move their data.

Features

  • Invoicing — Line items, tax, auto-generated numbers (INV-YYYY-NNNN), multiple currencies, payment and terms from settings or custom text.
  • Clients — CRUD with name, address, tax ID, and contact details.
  • Templates — 10 built-in designs plus a template builder for custom layout, colors, and fonts.
  • Receipts — Generated receipts with auto numbers and PDF download; upload and attach receipt files to invoices.
  • Settings — Company profile, logo, payment samples, terms samples, and currency list with default currency.
  • Analytics — Dashboard with KPIs and charts (revenue over time, by client, by status) using Recharts.
  • Backup — Full backup/restore and settings-only backup; optional automatic backups at configurable intervals.
  • UI — Dark/light theme, responsive layout, and accessible status badges.

Tech stack
React 18, TypeScript, Vite, Tailwind CSS, Zustand, Dexie (IndexedDB), React Router v6, Recharts, jsPDF, html2canvas. Deployed on Vercel.

Technologies Used

Completed: 2026-02-20
Categories
ReactTypescriptViteZustandDexie (IndexedDB)React RouterRechartsjsPDFhtml2canvas
Visit Website— Contact us to see the demo
Get Quote for Similar Project