プロフ帖
クラス、会社、イベント、コミュニティごとにプロフィールを集められるWebアプリ。
参加者が1人1ページのプロフィールを書き、ルーム単位で共有できるプロフィール帳アプリです。学校、会社、Discordサーバー、イベントなど、場の空気ごと残せるプロダクトとして設計しています。
Supabase / R2 のキーがなくても Mock mode で起動できるため、実インフラなしでもルーム作成、質問編集、投稿、非公開/削除の流れを試せます。本番寄りの構成では Supabase Auth/Postgres、Drizzle、R2 画像保存を使う設計です。
実装で見せたい点
- ルーム作成、質問テンプレート、公開ページ、管理画面を分けた情報設計。
- 写真、ランキング、選択肢、URL、日付など複数回答タイプのフォーム処理。
- プロフィール画像をブラウザ側で WebP にリサイズしてからアップロードする導線。
- 紙、テープ、ノート罫線を使った、用途に寄せたデザインシステム。
技術メモ
ローカルでは corepack pnpm dev が推奨入口です。.env.local がない場合は自動で Mock mode に寄せるため、デモやレビューで外部キーに依存しにくい構成になっています。