課題
課題内容
Vue.js + websocketを使用して以下の仕様を満たすリアルタイムチャットシステムを作ってください。
- メッセージを送信したらそれが接続中の人全てに送られる
- チャットの内容はリストで表示される(リロードしたらデータがなくなっても構わない)
サンプルはこちらになりますので、参考にしてみてください。
https://online-skillup-example.herokuapp.com/
最低限の仕様は上記の通りですが、時間に余裕がある場合は是非追加機能を盛り込んでください。
追加機能例:
- LINEみたいなデザインにする
- 参加者リストを表示する
- チャットの投稿にアニメーション演出を入れる
課題が終わりましたら、以下の観点についてreview/README.md
に書いてGitHubリポジトリに含めてください。
- この課題を通して学んだこと
- 工夫した点
- 苦労した点
- その他(あれば)
提出内容
- GitHubリポジトリ
- Herokuアプリへのリンク