Simple Twitter

前後端分離協作，復刻推特網站

專案連結

GitHub link (後端)：https://github.com/sherryliao21/simple-twitter-api

GitHub link (前端)：https://github.com/ClementPan/simpleTwitterX

Live Demo on GitHub Page：https://clementpan.github.io/simpleTwitterX

可以使用 Test User 登入：

account: user1

password: 12345678

可以使用 Test Admin 登入：

account: root

password: 12345678

專案紀錄：Twitter 專案_協作開發初體驗

主要功能

管理者 (Admin) 可以：

1. 登入管理員後台，瀏覽與刪除使用者推文

2. 瀏覽使用者清單

使用者 (user) 可以：

1. 註冊帳號並登入前台

2. 瀏覽、新增、編輯、刪除推文

3. 喜歡 (like) 及回覆其他使用者的推文

4. 更改自己的頭像、banner 與暱稱

5. 追蹤 (follow) 與訂閱 (subscribe) 其他使用者

6. 於公共/私人聊天室即時聊天

以前後分離方式開發

1. 後端（2人）：

Node.js 搭配 Express 框架，使用 MySQL 作為資料庫

以 Swagger API 撰寫 API 文件

以 RESTful 風格撰寫 API

以 JWT token authentication 實作登入機制

部署於 Heroku

2. 前端（2人）：

Vue.js 作為前端框架開發，部署於 GitHub Pages

3. 皆使用 Git & GitHub 作為版控系統

4. 皆使用 Trello 做專案管理與任務分派、Slack 作為前後端溝通管道

我在專案中的角色

1. 定義與開發後端 API（分工）

推文 CRUD、回覆功能、按讚功能、追蹤功能、公共聊天室頁面.. 等等

2. 規劃資料關聯、繪製 ERD

3. 撰寫 Swagger API 文件

3. 任務分配、專案管理

4. 主持前後端會議、會議記錄

專案畫面截圖

使用者前台

管理員後台

登入畫面