首頁 > web前端 > js教程 > Milligram-Connect 社群媒體應用程式

Milligram-Connect 社群媒體應用程式

Patricia Arquette
發布: 2024-12-12 13:49:11
原創
866 人瀏覽過

啟動畫面

啟動畫面是應用程式啟動時出現的帶有應用程式徽標或品牌的初始螢幕,在加載時提供視覺上引人入勝的介紹。
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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板