Qin Salon パネルディスカッションアプリ

使用技術

• Svelte(TypeScript)
• Firebase(Firesore)
• TailwindCSS(plugin:DaisyUI)
• Vercel(deploy)

要件定義

サロン内に掲載

今後やりたいこと

• 管理者ページをダッシュボード化して、イベントの追加ができるようにする
• 考え中...

仕様

• ログイン
  • 視聴者/管理者を選択
  • 視聴者は匿名/記名を選択
  • 管理者はパスワードを入力して認証
• 右上のボタン類
  • お題投稿モーダル表示（匿名/記名を選択できる）
  • スレッド画面をトグル（イベント毎に、お題を跨いだコメントができる）
  • 管理者ページへ遷移（お題削除機能）
• メイン画面
  • タブで終わった/終わってないを切替、話しているお題はリストをクリックして表示
  • 話しているお題の画面から終了/取消を変更（管理者）
  • スレッド機能（メッセージに全角の「？」を入れると質問として強調される）
• レスポンシブ対応

イメージ

画面共有者：スレッドを開き、サイト全体を画面共有

視聴者：Zoomの画面にサイトを重ねて表示/スマホからスレッドを開いて参加