🎤 みんカラ - みんなで作る、みんなのカラオケ

「音に乗ることを重視」 したカラオケ体験アプリ。全員が主役になれる新感覚Web アプリケーション。

---

✨ 特徴

🎭 3つの役割

• 🎤 シンガー: 曲を予約した人が歌う。歌詞表示で快適に歌唱
• 🎸 バンド: リズムゲームで参加（ドラム/ギター/キーボード）
• 👻 お邪魔: 他プレイヤーを妨害する専用役割

📡 リアルタイム連携

• Supabase Realtimeでスコア・状態を同期
• 全員が同じゲーム進行を共有

🎮 音に乗るゲーム性

• リズムゲームでポイント獲得
• お邪魔でカオスを演出
• 身内ランキングで盛り上がる

🛠️ 技術スタック

カテゴリ	技術
フレームワーク	Next.js 16 (App Router)
言語	TypeScript 5
UI	React 19
スタイリング	Tailwind CSS 4
アニメーション	Framer Motion
状態管理	Zustand
リアルタイム通信	Supabase Realtime (WebSocket)
バックエンド	Supabase (Postgres + Realtime)
音声再生	Web Audio API
その他	canvas-confetti, uuid

---

🎯 ターゲット

• 普段カラオケを利用する学生層～ファミリー層
• 3〜10人程度の身内パーティー

---