此為ALPHA CAMP 小組協作畢業專案,本組採前後分離,由2位前端、2位後端開發。
- 補充:此專案後續不再維護更新,若欲查看更新版可至twitter_challenge
- 一般使用者可以註冊、登入。
- 可以在首頁查看所有推文。
- 可以看到推薦跟隨清單。
- 能夠在首頁推文,及點擊左側推文按鈕彈跳視窗推文。
- 在個人資料頁面查看使用者的推文、回覆、喜歡的推文。
- 可以在他人的個人資料頁面選擇跟隨,查看他人的推文、回覆、喜歡的推文。
- 可以追蹤或取消追蹤使用者。
- 點編輯個人資料可以修改個人暱稱、簡介、上傳頭像及背景照片。
- 在左側導覽列點設定可以修改個人設定,包含帳號、暱稱、簡介、密碼等。
- 點推文可以進入推文主頁,能查看推文及回覆。
- 點擊回覆小icon,會跳出回覆視窗,能回覆推文。
- 點擊愛心小icon,能夠喜歡或取消喜歡推文;喜歡的推文會出現在個人資料頁面。
- 管理者可以登入後台。(管理者帳號不能登入前台;前台一般使用者不能登入後台)
- 管理者可以看所有網站推文,並刪除推文。
- 管理者可以查看所有已註冊用戶的資訊,包含頭像、背景圖片、暱稱、帳號、推文數、愛心數量等。
- Website - https://zebrrrra.github.io/AC_twitter_frontend
- 後端Repo - https://github.com/klu0926/twitter-api-2023
- React: 18.2.0
- React-scripts: 4.0.3
- jsonwebtoken: 8.5.1
- 確認已經有npm及Node.js。
- 下載本專案。
- 安裝本專案,使用
npm install
- 安裝完成後使用
npm start
- 瀏覽器會自動開啟 http://localhost:3000,出現畫面。