这是提交给Pinata挑战的作品
我建的东西我开发了一个具备关键功能的实时聊天应用,它具有完全响应式设计,可以在移动设备上使用。
功能特点包括:
-
实时聊天:应用支持实时聊天,用户发送的消息会立即显示在聊天室里。
-
文件共享功能:该应用程序允许用户上传并分享各种文件类型,比如图片文件、PDF和文档,使用Pinata进行安全且去中心化的文件存储服务。
-
聊天房间:用户可以创建、加入或退出聊天房间,让平台更加灵活和用户友好。
-
消息历史:每个聊天室都维护着消息记录,可以存储并在用户加入房间时显示,从而保持对话的连贯。
-
Google 账户认证:用户可以无缝登录和登出,通过 Firebase 认证。
- 私信:用户还可以私聊其他用户,进行私下的聊天。
当前应用: 应用链接
我的这段代码 binarycoder110 / 实时聊天请提供源文本及其翻译,以便我可以进行分析并提供反馈。
项目名称 - 即时聊天应用 特点:-
通过 Google 账户进行 Firebase 认证:用户可以使用他们的 Google 账户通过 Firebase 登录和退出。
聊天室:用户可以创建、加入以及离开房间。
-
实时聊天:用户发送的消息应该在聊天室中实时出现。
-
分享文件功能:它让用户上传并分享各种文件,比如图片和PDF文件,通过Pinata IPFS。
-
消息记录:聊天应用应为每个聊天室保存消息记录,用户加入聊天室后可以看到这些消息记录。
- 私信:用户可以给其他用户发私信。
-
React JS
-
Pinata
-
Firebase Firestore
-
Firebase 实时数据库
- Firebase 认证
聊天页面
创建群聊
群组聊天室
加入群聊
登录页
更多细节
- 用户可以直接从本地目录中选择图片来分享图片。该应用程序通过使用Pinata IPFS以安全且去中心化的方式管理和保存这些图片。
聊天界面
- 用户还可以上传并分享PDF文件,PDF文件会嵌入在iframe中,可以直接在聊天界面中查看和下载这些PDF文件。
群聊
- 用户可以加入多个群组,参与各种讨论并与不同社区协作。这一功能增强了用户参与度,提供多样化的互动空间,让用户分享想法、提问并与他人建立联系。
用到的技术:
- React JS
- Pinata
- Firebase 实时数据库服务
- Firebase Cloud Firestore
- Firebase 身份验证