Description
"「Mine-Ticket」は、ファンメイド・無料イベントに特化した「手軽さ」と「気軽さ」を追求したチケット管理プラットフォームです。Next.js 15、TypeScript、Tailwind CSS 4 を使用し、小規模（100〜300人）なイベント運営を強力にサポートします。"
Project Details
主要な機能とUI/UX
多彩な入場方式への対応
イベントの性質に合わせて、3つの入場方式から選択可能です。
- 自由席 (FREE_SEATING): 来場者が座席表から好きな場所を選択して予約できます。
- 指定席 (ASSIGNED_SEATING): 来場者が枚数のみを指定し、システムがランダムに最適席を割り当てます。
- 整理券 (NUMBERED): 座席管理を行わず、入場番号のみを発行する最もシンプルな形式です。
技術的な工夫: Prismaを用いた動的な座席(Seat)管理とチケット(Ticket)の紐付けにより、複雑な座席の状態管理（空席、予約済、ブロック）を効率的に行っています。
使用技術 (技術スタック)
カテゴリ | 技術名 |
|---|---|
Frontend | React 19, Next.js 15, Tailwind CSS 4, Lucide React |
Backend | Next.js Server Actions |
Database | Supabase, Prisma (ORM) |
Environment | Vercel, VS Code |
開発期間・体制
- 開発体制: 個人開発
- 開発期間: 2026.01.22 ~ 2026.02.24 (約30時間)
工夫した点・苦労した点
- UIデザイン: 「ファンメイド」のワクワク感を演出するため、ネオンカラーとダークモードを基調とした、プレミアム感のあるデザインを採用しました。
- 座席管理: 2次元の座席グリッド(列・番)をプログラムで一括生成し、かつ個別に状態を扱えるようにするスキーマ設計に注力しました。
