TeamChatは、社内コミュニケーション用のリアルタイムチャットアプリケーションです。データーベースを利用して、複数人でリアルタイムにメッセージのやり取りができます。
アプリを初めて開くと、プロフィール設定画面が表示されます。
人物系（12種類） 👤 👨 👩 👦 👧 🧑 👨💼 👩💼 👨💻 👩💻 🧔 👴
動物系（18種類） 🐱 🐶 🐰 🦊 🐻 🐼 🐨 🦁 🐯 🐮 🐷 🐸 🐵 🐔 🐧 🦉 🦋 🐢
3つのトークルームが用意されています。
各メッセージには以下の情報が表示されます。
┌─────────────────────┐ │ メッセージ本文 │ └─────────────────────┘ 投稿者名 午後2:30 編集済み
メッセージは日付ごとに区切られて表示されます。
メッセージにマウスを乗せると、アクションボタンが表示されます。
返信メッセージには、元のメッセージが引用表示されます。
選択可能なリアクション（6種類）：
👍 ❤️ 😂 😮 😢 🎉
編集されたメッセージには「編集済み」と表示されます。
注意: 取り消したメッセージは復元できません。他のユーザーの画面からも即座に消えます。
サイドバーの「メンバー」セクションに、現在オンラインのユーザーが表示されます。
他のユーザーがメッセージを入力中の場合、チャット画面下部に表示されます。
... ○○さんが入力中...
複数人が入力中の場合：
... 3人が入力中...
スクロール位置が最新メッセージより上にある状態で新しいメッセージが届くと、画面下部に通知バナーが表示されます。
↓ 新しいメッセージ
バナーをクリックすると、最新メッセージまで自動スクロールします。
別のルームに新着メッセージがある場合、サイドバーのルーム名の横に赤い点が表示されます。
変更は即座に反映され、以降のメッセージに適用されます。
注意: 過去のメッセージの投稿者名・アイコンは変更されません。
画面幅768px以下の端末では、モバイル向けレイアウトに自動切り替えされます。
ヘッダー右側に接続状態が表示されます。
ネットワーク切断後、接続が回復すると自動的に再接続されます。
以下のデータがブラウザに保存されます。
以下のデータがデーターベースに保存されます。
