経費精算・承認システム

概要 #個人開発

社員が立て替えた業務経費を、申請から多段承認、差戻し、再申請、経理確認、精算、監査履歴まで一元管理するWeb業務システムです。単なる入力フォームではなく、企業の申請・承認業務を想定したWorkflow Systemとして実装されています。

主な機能

• 申請・承認フロー：下書き保存、申請後の編集ロック、金額に応じた1段・2段承認
• 差戻し・再申請：コメント必須の差戻し、修正後のVersion付き再申請に対応
• 領収書管理：JPEG / PNG / WebP / PDF添付、画像プレビュー、OCR候補の確認・修正UI
• 経理確認・精算：承認済み申請の確認、精算日・方法・メモの記録
• 監査ログ：すべての主要操作を追記、Timeline表示と詳細テーブル表示
• レポート機能：カテゴリ・部署・申請者別の月次レポート、UTF-8 BOM付きCSV出力
• マルチデバイス対応：PC / タブレット / スマートフォン対応、カメラ撮影直結

権限管理

4つのRole（申請者・承認者・経理担当・管理者）を備え、各Roleの権限はUIだけでなくWorkflow Engine、Firestore Rules、Storage Rulesの各層で判定します。Demo社員を切り替えることで、異なる権限で同じシステムを操作できます。

技術スタック

Next.js 16 / React 19 / TypeScript / Tailwind CSS / Firebase（Authentication・Firestore・Cloud Storage）

デモ

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