首页 >web前端 >js教程 >Milligram-Connect 社交媒体应用程序

Milligram-Connect 社交媒体应用程序

Patricia Arquette
Patricia Arquette原创
2024-12-12 13:49:11860浏览

启动画面

启动屏幕是应用程序启动时出现的带有应用程序徽标或品牌的初始屏幕,在加载时提供视觉上引人入胜的介绍。
Milligram-Connect Social Media Application

登录屏幕

登录屏幕允许现有用户访问他们的帐户,而注册屏幕允许新用户通过提供其详细信息来创建帐户。
Milligram-Connect Social Media Application

主屏幕

登录后,主屏幕会显示一个可滚动的提要,用户可以在其中查看所有帖子,喜欢、评论、分享和保存它们。此外,用户可以打开每个帖子查看有关点赞和评论的详细信息。
Milligram-Connect Social Media Application

用户可以对下图所示的帖子进行评论和分享。
Milligram-Connect Social Media Application

搜索屏幕

在搜索屏幕上,用户可以导航到底部导航栏中的搜索选项,以查找和搜索应用程序中可用的用户名。
Milligram-Connect Social Media Application

创建帖子屏幕

用户可以通过底部导航栏访问“创建帖子”屏幕,添加移动图库中的图像、编写标题并发布内容。
Milligram-Connect Social Media Application

通知画面

用户可以通过底部导航栏导航至通知屏幕,查看并打开所有通知。
Milligram-Connect Social Media Application

消息屏幕

用户可以通过底部导航栏导航到消息传递屏幕,查看用户列表,选择要与之聊天的用户,并查看该对话的所有消息。
Milligram-Connect Social Media Application
要删除用户聊天,请单击屏幕右上角的三个点。这将显示以下带有删除选项的弹出窗口。
Milligram-Connect Social Media Application

设置屏幕

点击右上角的设置图标后,将打开以下设置屏幕。用户可以访问:

  • 账户中心
  • 已保存的帖子
  • 帐户隐私
  • 已阻止(尚未实施)
  • 毫克验证
  • 退出
  • 删除帐户选项

Milligram-Connect Social Media Application

1。账户中心
单击帐户中心后,将打开以下页面。在这里,用户可以从两个附加选项中进行选择:

  • 个人资料
  • 密码和安全性

Milligram-Connect Social Media Application

个人资料
单击“个人详细信息”选项后,用户将被引导至“个人详细信息”屏幕,他们可以在其中查看用于注册和登录 Milligram Connect 应用程序的电子邮件地址。

密码和安全性
单击帐户中心中的密码和安全选项后,用户将被引导至更改密码屏幕,在那里他们可以更新密码。

下面
左图:个人详细信息屏幕
右图:密码和安全屏幕

Milligram-Connect Social Media Application

2。已保存的帖子
单击“设置”中的“已保存的帖子”选项后,用户将被重定向到“已保存的帖子”屏幕,他们可以在其中查看从源中保存的帖子。
Milligram-Connect Social Media Application

3。帐户隐私
单击“设置”中的“帐户隐私”选项后,用户可以在两种隐私设置之间进行选择:

  • 公开:Milligram 应用程序中的所有用户都可以看到他们的个人资料。
  • 私人:只有连接的人才能看到他们的个人资料。 Milligram-Connect Social Media Application

4。毫克验证
单击“设置”中的“毫克验证”选项后,用户将被重定向到“毫克验证”屏幕。在这里,他们将看到发送验证电子邮件的选项。选择此选项后,验证电子邮件将发送到他们注册的电子邮件地址。该电子邮件将包含一个 URL,用户必须单击该 URL 才能完成验证过程。验证成功后,毫克验证屏幕将显示一条消息:“您的电子邮件 ID 已验证。”

Milligram-Connect Social Media Application

5。退出
选择“注销”选项后,用户将从应用程序注销并重定向到登录屏幕。

6。删除您的帐户
选择“删除您的帐户”选项后,用户可以从应用程序中永久删除其帐户和所有关联数据。

个人资料屏幕

单击左上角的用户个人资料徽标图像后,将打开个人资料屏幕。
Milligram-Connect Social Media Application

编辑个人资料屏幕
单击个人资料屏幕中的“编辑个人资料”按钮后,用户将被重定向到“编辑个人资料”屏幕。下面左图所示的屏幕将变得可见。

分享个人资料
单击用户名右侧的共享图标后,用户可以与其他平台上的任何用户共享其个人资料 URL,将出现下右图所示的屏幕。
Milligram-Connect Social Media Application

关注者和关注屏幕
在用户个人资料屏幕上,如果用户单击“关注者”或“关注者”文本,则会打开相应的屏幕。在这里,用户可以查看关注他们的关注者列表以及他们正在关注的用户列表。
Milligram-Connect Social Media Application

打开另一个用户的个人资料
单击关注者或关注者列表中的任何用户后,该用户的个人资料屏幕将打开。用户将能够查看所选用户的个人资料数据,如下图所示。
Milligram-Connect Social Media Application

下载并安装

Android版本已经发布了!点击以下链接下载并安装
毫克连接
Milligram-Connect Social Media Application

使用的技术堆栈

  • React Native CLI
  • Firestore 和 Firebase 数据库
  • Firebase 电子邮件身份验证
  • 样式化组件

以上是Milligram-Connect 社交媒体应用程序的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn