全端組：莊日嶸、Mark Law、Quinn、Merry

.env.example

@@ -0,0 +1,4 @@
+CLEARDB_DATABASE_URL = SKIP
+IMGUR_CLIENT_ID = SKIP
+SESSION_SECRET = SKIP
+PORT = SKIP

.gitignore

@@ -84,4 +84,8 @@ typings/
 .fusebox/
 
 # DynamoDB Local files
-.dynamodb/
+.dynamodb/
+
+temp/
+
+upload/

Procfile

@@ -0,0 +1 @@
+web: NODE_ENV=production node app.js

README.md

@@ -0,0 +1,128 @@
+# Simple Twitter - full stack
+使用基於node.js的express.js應用程式框架，全端開發simple twitter專案
+![cover1](cover1.png)
+![cover2](cover2.png)
+
+## 專案功能
+- 所有頁面(除了登入和註冊頁)
+	- 使用者一定要登入才能使用網站。
+	- 使用者能在首頁的側邊欄，看見跟隨者 (followers) 數量排列前 10 的推薦跟隨名單
+	- 何登入使用者都可以瀏覽特定使用者的以下資料
+		- 推文與回覆
+		- 跟隨中
+		- 跟隨者 
+		- 喜歡的內容
+- 登入
+	- 當使用者尚未註冊便試圖登入時，會有錯誤提示。
+	- 當使用者登入成功會進入首頁，會有登入成功提示。
+	- 使用者點擊註冊會到註冊頁。
+	- 使用者點擊後臺登入會到後臺登入頁。
+- 註冊
+	- 使用者可以設定帳號、名稱、email 和密碼
+	- 當使用者輸入的帳號、email 與他人重複，若有重複會跳出錯誤提示
+	- 當使用者註冊成功導到首頁，會有註冊成功提示。
+	- 使用者點擊取消會到首頁。
+- 帳戶設定頁
+	- 使用者可以編輯帳號、名稱、email 和密碼
+	- 當使用者輸入的帳號、email 與他人重複，若有重複會跳出錯誤提示
+	- 使用者能編輯自己的名稱、自我介紹、個人頭像與封面
+- 推文及回覆頁
+	- 使用者能在首頁瀏覽所有的推文 (tweet)
+	- 使用者點擊貼文方塊時，能查看貼文與回覆串
+	- 使用者能回覆別人的推文
+	- 使用者無法回覆他人回覆，也無法針對他人的按 Like/Unlike
+	- 點擊貼文中使用者頭像時，能瀏覽該使用者的個人資料及推文
+	- 使用者能新增140內的推文
+	- 使用者可以追蹤/取消追蹤其他使用者 (不能追蹤自己)
+	- 使用者能對別人的推文按 Like/Unlike
+- 個人資料頁
+	- 使用者能編輯自己的名稱、介紹、大頭照和個人頁橫幅背景
+- 後台
+	- 訪客可以自行註冊成為 user，但 admin 帳號無法自行註冊
+	- 管理者可從專門的後台登入頁面進入網站後台
+	- 管理者可以瀏覽全站的 Tweet 清單
+	- 管理者可以瀏覽站內所有的使用者清單
+## 安裝流程
+
+1.將專案clone至本地端並開啟專案
+2. .安裝`npm`套件，在終端機輸入:
+```
+npm install
+```
+或
+```
+npm i
+```
+3.環境變數設定 請參考.env.example檔案設定環境變數，並將檔名改為.env
+```
+IMGUR_CLIENT_ID= 
+PORT=3000
+```
+4.更改連線至資料庫的username和password:
+在config/config.json下，將development的username和password改為自己本地端資料庫的
+
+5.建立資料庫
+開啟 MySQL workbench，連線至本地資料庫，輸入以下指令建立資料庫 
+```
+drop database if exists ac_twitter_workspace;
+create database ac_twitter_workspace;
+use ac_twitter_workspace;
+```
+6.建立 MySQL Table，在終端機輸入：
+```
+npx sequelize db:migrate 
+```
+7.建立種子資料，在終端機輸入：
+```
+npx sequelize db:seed:all 
+```
+8.執行專案，在終端機輸入：
+```
+npm run dev
+```
+9.使用
+如果連線成功，終端機出現下列訊息 "Example app listening on port 3000!"
+則可開啟瀏覽器輸入 http://localhost:3000 使用
+
+10.提供預設使用者 Seed User
+| 帳號 | 密碼 |
+| :------------- | :------------- |
+| root  | 12345678 |
+| user1 | 12345678 |
+| user2 | 12345678 |
+| user3 | 12345678 |
+| user4 | 12345678 |
+| user5 | 12345678 |
+
+# 開發工具
+- bcrypt-nodejs: 0.0.3
+- bcryptjs: 2.4.3
+- body-parser: 1.18.3
+- chai: 4.2.0
+- connect-flash: 0.1.1
+- cross-env: 7.0.3
+- dotenv: 10.0.0
+- express: 4.16.4
+- express-handlebars: 3.0.0
+- express-session: 1.15.6
+- Bootstrap 5.0.2
+- faker: 4.1.0
+- imgur: 1.0.2
+- jsonwebtoken: 8.5.1
+- method-override: 3.0.0
+- mocha: 6.0.2
+- mysql2: 1.6.4
+- passport: 0.4.0
+- passport-jwt: 4.0.0
+- passport-local: 1.0.0
+- sequelize: 6.18.0
+- sequelize-cli: 5.5.0
+- sinon: 10.0.0
+- sinon-chai: 3.3.0
+
+# 共同開發人員
+
+- [Quinn](https://github.com/KeYunTinG)
+- [Mark Law](https://github.com/HKMark)
+- [莊日嶸](https://github.com/robert1074004)
+- [Merry](https://github.com/MerryHao)

app.js

@@ -1,13 +1,38 @@
 const express = require('express')
 const helpers = require('./_helpers');
-
+const session = require('express-session');
+const passport = require('./config/passport')
+const handlebars = require('express-handlebars')
+const routes = require('./routes')
+const methodOverride = require('method-override');
+const flash = require('connect-flash');
 const app = express()
-const port = 3000
+if (process.env.NODE_ENV !== 'production') {
+  require('dotenv').config()
+}
+const port = process.env.PORT || 3000
 
 // use helpers.getUser(req) to replace req.user
 // use helpers.ensureAuthenticated(req) to replace req.isAuthenticated()
+app.engine('hbs', handlebars({ extname: '.hbs', helpers: require('./config/handlebars-helper') }))
+app.set('view engine', 'hbs')
+app.use(methodOverride('_method'));
+app.use(express.static('public'))
+app.use(session({ secret: 'secret', resave: false, saveUninitialized: true }))
+app.use(express.urlencoded({ extended: true }))
+app.use(passport.initialize())
+app.use(passport.session())
+app.use(flash())
+app.use((req, res, next) => {
+  res.locals.user = helpers.getUser(req);
+  res.locals.isAuthenticated = helpers.ensureAuthenticated(req);
+  res.locals.successMessage = req.flash('successMessage');
+  res.locals.errorMessage = req.flash('errorMessage');
+  next();
+});
+app.use(routes)
+
 
-app.get('/', (req, res) => res.send('Hello World!'))
 app.listen(port, () => console.log(`Example app listening on port ${port}!`))
 
 module.exports = app

components/Util.js

@@ -0,0 +1,43 @@
+const cover = [
+  'https://i.imgur.com/wGkpw1M.jpg',
+  'https://i.imgur.com/xZ6qKDb.jpg',
+  'https://i.imgur.com/c4lrfFo.jpg',
+  'https://i.imgur.com/4Saup98.jpg',
+  'https://i.imgur.com/yKt1j8t.jpg',
+  'https://i.imgur.com/Ky64Alo.jpg',
+];
+
+const avater = [
+  'https://i.imgur.com/lX1p1p1.jpg',
+  'https://imgur.com/PS4yRak.jpg',
+  'https://i.imgur.com/uRNcL5L.jpg',
+  'https://i.imgur.com/EkrFu0B.jpg',
+  'https://i.imgur.com/vDlIZHV.jpg',
+  'https://imgur.dcard.tw/FTTspcJ.jpg',
+];
+
+module.exports = {
+  randomCover: () => {
+    let length = cover.length;
+    let index = Math.floor(Math.random() * length);
+
+    return cover[index];
+  },
+  randomAvater: () => {
+    let length = avater.length;
+    let index = Math.floor(Math.random() * length);
+
+    return avater[index];
+  },
+  randomNums: (count, scope) => {
+    let arr = [];
+    while (arr.length < count) {
+      let num = parseInt(Math.random() * scope);
+      if (arr.indexOf(num) == -1) {
+        arr.push(num);
+      }
+    }
+
+    return arr;
+  },
+};

config/config.json

@@ -15,11 +15,7 @@
     "logging": false
   },
   "production": {
-    "username": "root",
-    "password": null,
-    "database": "database_production",
-    "host": "127.0.0.1",
-    "dialect": "mysql"
+    "use_env_variable": "CLEARDB_DATABASE_URL"
   },
   "travis": {
     "username": "travis",

config/handlebars-helper.js

@@ -0,0 +1,30 @@
+const moment = require('moment');
+
+module.exports = {
+  Equal: (a, b, options) => {
+    if (a === b) {
+      return options.fn(this);
+    }
+    return options.inverse(this);
+  },
+  moment: (a) => {
+    return moment(a).fromNow(true);
+  },
+  nowTime: (a) => {
+    return moment().format("hA")
+  },
+  subText: (content, num) => {
+    let count = Number(num) ? Number(num) : 50;
+
+    if (!content) return '';
+    if (content.length === 0) return '';
+    if (content.length < count) {
+      return content;
+    }
+
+    return content.substring(0, count) + '...';
+  },
+  ifCond: function (a, b, options) {
+    return a === b ? options.fn(this) : options.inverse(this)
+  }
+};

config/passport.js

@@ -0,0 +1,81 @@
+const passport = require('passport');
+const LocalStrategy = require('passport-local');
+const bcrypt = require('bcryptjs');
+const db = require('../models');
+const User = db.User;
+const Like = db.Like;
+const Tweet = db.Tweet;
+const Reply = db.Reply;
+const Private = db.Private;
+
+passport.use(
+  new LocalStrategy(
+    { usernameField: 'account', passReqToCallback: true },
+    (req, account, password, cb) => {
+      User.findOne({ where: { account } }).then((user) => {
+        // console.log('@@@@', user)
+        req.flash('userInput', req.body);
+        if (!user) {
+          return cb(
+            null,
+            false,
+            req.flash('errorMessage', '帳號/密碼輸入錯誤！'),
+          );
+        }
+        if (req.url === "/admin/signin" && user.dataValues.role !== 'admin') {
+          return cb(
+            null,
+            false,
+            req.flash('errorMessage', '帳號/密碼輸入錯誤！'),
+          );
+        }
+        if (req.url === "/signin" && user.dataValues.role === 'admin') {
+          return cb(
+            null,
+            false,
+            req.flash('errorMessage', '帳號/密碼輸入錯誤！'),
+          );
+        }
+        if (!bcrypt.compareSync(password, user.password)) {
+          return cb(
+            null,
+            false,
+            req.flash('errorMessage', '帳號/密碼輸入錯誤！'),
+          );
+        }
+        return cb(null, user);
+      });
+    },
+  ),
+);
+
+
+passport.serializeUser((user, cb) => {
+  cb(null, user.id);
+});
+
+passport.deserializeUser((id, cb) => {
+  User.findByPk(id, {
+    include: [
+      Like,
+      { model: Tweet, include: Reply },
+      { model: User, as: 'Followers' },
+      { model: User, as: 'Followings' },
+    ],
+  }).then((user) => {
+    if (!user) return
+    Private.findAll({
+      where: {
+        ReceiveId: user.dataValues.id,
+        isLooked: false,
+      }
+    })
+      .then(data => {
+        user.dataValues.noSeeMsg = data.length
+        return cb(null, user.toJSON());
+      })
+  });
+});
+
+
+module.exports = passport;