Simple Twitter

「Simple Twitter」是一個社群網頁，其開發是利用 Node.js 配合 Express 和 Handlebars 來完成的。

Live Demo

Simple Twitter(使用AWS佈署)

目錄

• 功能
• 安裝專案
• 功能展示
• 使用套件
• 貢獻者

功能

登入系統

• 使用者可以註冊帳號
• 一般使用者只能登入前台
• 管理員只能登入後台

前台 (一般使用者)

• 使用者可以瀏覽所有的貼文
• 使用者可以新增貼文
• 使用者可以回覆貼文
• 使用者可以對別人的貼文按 Like/Unlike
• 使用者可以追蹤別人
• 使用者可以瀏覽別人的個人資訊
• 使用者可以編輯自己的個人資訊

後台 (管理員)

• 管理員可以瀏覽所有的推文
• 管理員可以刪除貼文
• 管理員可以瀏覽所有的使用者清單

安裝專案

1. 請先確認有安裝 node.js 、 npm 與 mySQL

2. 將專案 clone 至本地

3. 在本地開啟後，透過終端機進入資料夾，輸入 :

   npm install

4. 安裝完畢後，設定各項環境變數

   • 專案內有預設.env.Example, 將檔名中.Example刪除後，即可開始設定
   • 請先至 imgur申請API後，獲得下列資訊並填上。((參考)如何申請imgur API)

     CLIENT_ID= 'skip'
     CLIENT_SECRET= 'skip'
     REFRESH_TOKEN= 'skip'

5. 設定完畢後，請至 MySQL Workbench ， 輸入以下指令建立資料庫

   create database ac_twitter_workspace;

6. 資料庫建立完畢後，可以在終端機中輸入以下指令產生種子資料

   npm run dbmigrate

   *預設提供 1 位管理員 以及 14 位一般使用者可以做測試

   使用者權限	account	密碼
   admin	root	12345678

   一般使用者名稱造順序排列，且密碼皆為'12345678'

   使用者權限	account	密碼
   user	user1	12345678
   user	user2	12345678
   ...	...	...
   user	user14	12345678

7. 以上設定都完成之後，就可以輸入以下指令，使用專案囉!

   nap run start

   如果在終端機看到以下訊息，就代表順利運行，可以使用此網址進入網頁http://localhost:3000

   Simple Twitter app listening on port 3000!

8. 若欲暫停使用

   ctrl + c

功能展示

登入

使用非admin帳號登入前台

帳號或密碼錯誤會有通知

admin帳號不可以登入前台

註冊

使用註冊頁面註冊，需要提供用戶名稱、帳號、密碼、密碼確認與信箱，註冊後頭項與背景為預設值

首頁

發送推文

回復推文

對貼文按Like/Unlike

追蹤使用者

個人介面

編輯個人資訊

[後台]首頁

[後台]刪除貼文

[後台]查看所有使用者

使用套件

主環境

Package	version
Node.js	v20.5.1
express	v4.16.4

資料庫

Package	version
mysql2	v3.6.0
sequelize	v6.32.1
sequelize-cli	v6.6.1

外觀

Package	version
express-handlebars	v7.1.2
connect-flash	v0.1.1
dayjs	v1.11.9
faker	v4.1.0
imgur	v2.3.0
multer	v1.4.5-lts.1

登入功能

Package	version
passport	v0.6.0
passport-local	v1.0.0
express-session	v1.15.6
bcryptjs	v2.4.3

其他

Package	version
dotenv	v16.3.1
method-override	v3.0.0

程式碼風格

Package	version
prettier	v3.0.2
eslint	v8.47.0

貢獻者

Tiny Murky | iamcoolAlan | Taiwania