Skip to content

Latest commit

 

History

History
59 lines (45 loc) · 2.17 KB

File metadata and controls

59 lines (45 loc) · 2.17 KB

EasyInvoice

A fast, minimal, single-page React web application for generating and downloading professional invoices.

Live Demo React 18 TypeScript Vite Tailwind CSS GitHub Pages

View Live Demo »

Features

  • Real-Time Preview: See the invoice update as you type.
  • Dynamic Items: Add or remove line items easily.
  • Calculations: Automatically computes subtotals, tax rates, and discounts.
  • PDF Export: Export the live preview into a beautifully formatted PDF.
  • Dark Mode: Supports both light and dark mode based on system preference and explicit toggle.
  • Auto-Save: Form state is saved to localStorage, so you never lose your progress.
  • Minimal & Modern Design: Uses Tailwind CSS and a customized shadcn-ui component layer.

Project Structure

This project uses:

  • React + Vite
  • Tailwind CSS
  • customized standard components (Button, Input, Card, Label)
  • date-fns for date manipulation
  • html2canvas and jsPDF for client-side PDF generation

Local Development

  1. Install dependencies:
    npm install
  2. Start the development server:
    npm run dev
  3. Open http://localhost:5173 in your browser.

Credits

Created by JoeMighty.