聊天应用
等级: 3-高级
实时聊天界面,允许多个用户通过发送消息相互互动。
作为最小可行产品(MVP),你可以专注于构建聊天界面。稍后可以添加实时功能(额外功能)。
用户故事
- [ ] 当用户访问聊天应用时,会被提示输入用户名。用户名将存储在应用程序中
- [ ] 用户可以看到一个
输入框
,可以输入新消息 - [ ] 按下
回车
键或点击发送
按钮,文本将与他的用户名一起显示在聊天框
中(例如John Doe: Hello World!
)
额外功能
- [ ] 所有在聊天应用中的用户都可以看到消息(使用WebSockets)
- [ ] 当新用户加入聊天时,所有现有用户都会收到一条消息
- [ ] 消息保存在数据库中
- [ ] 用户可以发送图片、视频和链接,并正确显示
- [ ] 用户可以选择并发送表情符号
- [ ] 用户可以私下聊天
- [ ] 用户可以加入特定主题的
频道
有用链接和资源
- Socket.io
- 如何在10分钟内构建一个React.js聊天应用 - 文章
- 像Slack一样构建聊天应用 - React / JavaScript教程 - YouTube
- 使用Websockets的Socket.io聊天应用 - YouTube教程