這是 Alpha Camp 課程的多人協作畢業專案，仿造 Twitter 產品內容及功能，所做的簡化專案。 採前後端分離開發。

• vue2 + vuex + vue-router + axios + scss + sweetalert2
• 後端佈署在 heroku 點此連結到後端 GitHub 入口
• 串接 imgur API

git clone https://github.com/a2623212/project-simple-twitter-vue.git

cd project-simple-twitter-vue

npm install

npm run serve

• 請注意，本專案上傳圖片串接 imgur，imgur 不接受 localhost 的 request，建議用 Network: `http://192.168.50... 開啟

npm run build

• 一般使用者
  • account: user1 / password: 12345678
  • account: user2 / password: 12345678
  • account: user3 / password: 12345678
  • account: user4 / password: 12345678
  • account: user5 / password: 12345678
• 後臺管理員
  • account: root / password: 12345678

👉 請進入這個地方專案入口

✅ Features ✅

前台登入

• 註冊功能
• 登入功能
• 推文功能
  • 瀏覽功能
  • 回覆功能
  • 喜愛(新增/取消)
• 用戶功能
  • 設定資料
  • 編輯相片、名稱、自我介紹
  • 追蹤他人(新增/取消)

後台登入

• 編輯功能
  • 使用者
  • 貼文

前台登入頁

註冊頁

首頁

個人資料頁

設定資料頁

後台登入頁

通知提示

AlvinWang627 Ally Yeh Anita

Thanks, and please any feedbacks！😊