経費精算・承認システム

Overview #Personal Development

A web business system that centrally manages business expenses advanced by employees, from application through multi-stage approvals, rejections, resubmissions, accounting confirmation, settlement, and audit history. Rather than a simple input form, it is implemented as a Workflow System designed for corporate application and approval processes.

Main Features

• Application & Approval Flow: Draft saving, edit lock after submission, single-stage or two-stage approval based on amount
• Rejection & Resubmission: Rejection with mandatory comments, resubmission with version control after corrections
• Receipt Management: JPEG / PNG / WebP / PDF attachment, image preview, OCR candidate confirmation and editing UI
• Accounting Confirmation & Settlement: Confirmation of approved applications, recording of settlement date, method, and notes
• Audit Log: Append all major operations, Timeline display and detailed table view
• Report Function: Monthly reports by category, department, and applicant, UTF-8 BOM CSV output
• Multi-Device Support: PC / tablet / smartphone compatible, direct camera capture integration

Permission Management

Equipped with 4 Roles (applicant, approver, accounting staff, administrator), with role permissions determined not only in the UI but also across the Workflow Engine, Firestore Rules, and Storage Rules layers. By switching demo employees, you can operate the same system with different permissions.

Technology Stack

Next.js 16 / React 19 / TypeScript / Tailwind CSS / Firebase (Authentication, Firestore, Cloud Storage)

Demo

Public Demo (https://expense-approval-system-kj.web.app/）では架空社員・架空経費のみを使用し、ブラウザ内のlocalStorageで動作します。実在人物・実在領収書・実決済情報は使用していません。