Skip to content

zebrrrra/AC_twitter_frontend

Repository files navigation

AC Twitter 專案

此為ALPHA CAMP 小組協作畢業專案,本組採前後分離,由2位前端、2位後端開發。

  • 補充:此專案後續不再維護更新,若欲查看更新版可至twitter_challenge

預覽

image image

專案功能

前台

  1. 一般使用者可以註冊、登入。
  2. 可以在首頁查看所有推文。
  3. 可以看到推薦跟隨清單。
  4. 能夠在首頁推文,及點擊左側推文按鈕彈跳視窗推文。
  5. 在個人資料頁面查看使用者的推文、回覆、喜歡的推文。
  6. 可以在他人的個人資料頁面選擇跟隨,查看他人的推文、回覆、喜歡的推文。
  7. 可以追蹤或取消追蹤使用者。
  8. 點編輯個人資料可以修改個人暱稱、簡介、上傳頭像及背景照片。
  9. 在左側導覽列點設定可以修改個人設定,包含帳號、暱稱、簡介、密碼等。
  10. 點推文可以進入推文主頁,能查看推文及回覆。
  11. 點擊回覆小icon,會跳出回覆視窗,能回覆推文。
  12. 點擊愛心小icon,能夠喜歡或取消喜歡推文;喜歡的推文會出現在個人資料頁面。

後台

  1. 管理者可以登入後台。(管理者帳號不能登入前台;前台一般使用者不能登入後台)
  2. 管理者可以看所有網站推文,並刪除推文。
  3. 管理者可以查看所有已註冊用戶的資訊,包含頭像、背景圖片、暱稱、帳號、推文數、愛心數量等。

網站位置

作業環境

  • React: 18.2.0
  • React-scripts: 4.0.3
  • jsonwebtoken: 8.5.1

如何安裝

  1. 確認已經有npm及Node.js。
  2. 下載本專案。
  3. 安裝本專案,使用 npm install
  4. 安裝完成後使用 npm start
  5. 瀏覽器會自動開啟 http://localhost:3000,出現畫面。

開發人員

前端

zebrrrra
Jena Lin

後端

kim1037
klu0926

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published