Fabrication Bill Generator

A comprehensive bill management system for fabrication businesses with admin and customer portals.

Features

Admin Features

  • Generate and edit bills
  • Manage customers
  • Track payments
  • View payment history
  • Download bills as PDF

Customer Features

  • View assigned bills
  • Make payments
  • Track payment history
  • Download bills as PDF

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ├── routes/
│   │   ├── auth.ts         # Authentication routes
│   │   ├── bills.ts        # Bill management
│   │   ├── payments.ts     # Payment processing
│   │   └── static.ts       # Static file serving
│   └── index.ts            # Main server entry
├── frontend/
│   ├── components/
│   │   ├── App.tsx         # Main application
│   │   ├── Login.tsx       # Login component
│   │   ├── AdminDashboard.tsx
│   │   ├── CustomerDashboard.tsx
│   │   ├── BillForm.tsx    # Bill creation/editing
│   │   ├── BillList.tsx    # Bill listing
│   │   ├── PaymentModal.tsx
│   │   └── BillPDF.tsx     # PDF generation
│   ├── index.html
│   ├── index.tsx
│   └── style.css
└── shared/
    └── types.ts            # Shared TypeScript types

Technology Stack

  • Backend: Hono (TypeScript)
  • Frontend: React with TypeScript
  • Database: SQLite
  • Styling: TailwindCSS
  • PDF Generation: jsPDF
  • Authentication: JWT tokens

Getting Started

  1. The application will automatically set up the database on first run
  2. Admin Login Credentials:
    • Email: admin@fabrication.com
    • Password: admin123
  3. Application URL: https://Sujal5--178fe42839f811f098499e149126039e.web.val.run
  4. Access the application via the HTTP endpoint and login with the admin credentials above