EasyInvoice

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

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.