レンタルスペース予約システム
案件概要
実案件を想定した自主制作(ポートフォリオ・練習目的)。
ダンス・歌の練習用スタジオ、会議室、自主学習用ブースなど、用途の異なる複数タイプのスペースを扱うレンタルスペース事業者を想定し、予約・入退室・請求・決済までを一貫して扱える管理システムが必要、という課題設定のもとで要件定義から設計・実装・テストまでを一人で行った。
利用者はスペースの検索・予約・入退室・支払いを行い、管理者は予約・料金・請求・会員・権限を一元管理できるWebアプリケーション。
週間30分刻みグリッドでの空き状況表示、QRコードによる入退室管理、Stripe連携の決済、LINE通知、PDF領収書発行など、実運用を想定した機能を一通り実装した。
使用ツール
- Next.js
- TypeScript
- Prisma
- NextAuth.js
- Stripe
- LINE Messaging API
- Tailwind CSS
- Claude Code
予約・入退室・請求・決済までを一気通貫で扱う、複数用途対応のレンタルスペース管理システムをゼロから設計・実装しました。
デモ
機能一覧
- 週間30分刻みグリッドUIでの空き状況表示・ドラッグによる時間帯選択(1日パック予約にも対応)
- NextAuth.js(Credentials + Googleログイン)によるロールベースアクセス制御、管理者ごとのページ単位権限設定
- 署名付き・有効期限付きQRコードによる入退室管理(将来のスマートロックWebhook連携を見据えたAPI設計)
- 入退室記録を優先し、記録がなければ予約時間ベースで自動計算する請求ロジック(最低利用時間は定額、超過分は30分単位切り上げ)
- Stripe連携によるカード登録・自動課金・支払い失敗時の再試行フロー
- 支払い済み請求からのPDF領収書その場発行(日本語フォント埋め込み)
- LINE公式アカウント連携による予約確定・変更・入退室のプッシュ通知