全端開發robert-ou組

.env.example

@@ -0,0 +1 @@
+IMGUR_CLIENT_ID=<your IMGUR_CLIENT_ID>

.eslintrc.yml

@@ -0,0 +1,12 @@
+env:
+  browser: true
+  commonjs: true
+  es2021: true
+extends:
+  - standard
+parserOptions:
+  ecmaVersion: 12
+rules:
+  arrow-parens:
+    - warn
+    - as-needed

.gitignore

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

Procfile

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

README.md

@@ -0,0 +1,129 @@
+# Alphitter
+
+Alphitter是一個簡易的twitter社群互動網站，提供使用者在註冊登入後，透過線上發文、留言、拜訪其他使用者主頁、追蹤其他使用者來建立朋友圈。
+
+## 功能說明
+
+- 提供前台個人帳號註冊、登入，帳號及Email不可重複註冊，帳號密碼及Email註冊後可再自行修改
+- 可編輯暱稱、個人頭像、個人主頁首圖及自我介紹以展現個人風格
+- 發布貼文、瀏覽全站貼文做出回覆及like
+- 可追蹤其他使用者，可瀏覽全站粉絲最多的熱門使用者清單
+- 透過點選頭像可以進入個別使用者主頁，在主頁除能看到該使用者的個人公開資訊，也能一次瀏覽該使用者的所有貼文、已做出的留言回覆、like過的貼文，以及其追蹤者及追蹤清單
+
+## 安裝與執行
+
+1. 安裝node.js and npm
+2. 複製專案到本機
+    ```
+    git clone https://github.com/tingul4/twitter-fullstack-2023.git
+    ```
+3. 進入專案資料夾
+    ```
+    cd twitter-fullstack-2023
+    ```
+4. 安裝套件
+    ```
+    npm install
+    ```
+5. 在MySQL Workbench中分別建立開發/測試兩個資料庫
+    >create database ac_twitter_workspace;
+    >
+    >create database ac_twitter_workspace_test;
+
+6. 切換環境（開發/測試），並請確認當前切換至開發環境 
+
+    *切換至開發環境*
+    ```
+    export NODE_ENV=development
+    ```
+    *切換至測試環境*
+    ```
+    export NODE_ENV=test 
+    ```
+    *確認當前環境*
+    ```
+    echo $NODE_ENV 
+    ```
+7. 執行資料庫及建立種子資料
+    ```
+    npx sequelize db:migrate
+    npx sequelize db:seed:all
+    ```
+8. 啟動專案
+    ```
+    npm run dev
+    ```
+
+9. 看到以下訊息，可至瀏覽器輸入網址開啟 `http://localhost:3000/`
+    ```
+    Example app listening on port 3000!
+    ```
+10. 登入種子帳號 
+
+    *前台*    
+    > email: '[email protected]'   password: '12345678'
+    >
+    > email: '[email protected]'   password: '12345678'
+    >
+    > email: '[email protected]'   password: '12345678'
+    >
+    > email: '[email protected]'   password: '12345678'
+    >
+    > email: '[email protected]'   password: '12345678'
+
+    *後台*    
+    > email: '[email protected]'   password: '12345678'
+
+    或註冊前台帳號，登入後即可開始twitter社群互動
+
+    *後台帳號需由開發人員在資料庫中手動建立*
+
+## 畫面截圖
+
+### 帳號註冊、登入
+![s_01](./screenshoots/s_01.png)
+
+![s_02](./screenshoots/s_02.png)
+
+### 首頁：全站貼文、發文視窗
+![s_03](./screenshoots/s_03.png)
+
+![s_04](./screenshoots/s_04.png)
+
+### 個人主頁、編輯個人資訊
+![s_05](./screenshoots/s_05.png)
+![s_06](./screenshoots/s_06.png)
+
+### 瀏覽他人主頁
+![s_07](./screenshoots/s_07.png)
+
+### 瀏覽貼文細節、回覆貼文
+![s_08](./screenshoots/s_08.png)
+![s_09](./screenshoots/s_09.png)
+
+### 追蹤功能、追蹤頁、被追蹤頁
+![s_10](./screenshoots/s_10.png)
+![s_11](./screenshoots/s_11.png)
+
+### 編輯帳號資料
+![s_12](./screenshoots/s_12.png)
+
+### 後台管理員登入、推文清單管理、使用者列表
+![s_13](./screenshoots/s_13.png)
+![s_14](./screenshoots/s_14.png)
+![s_15](./screenshoots/s_15.png)
+![s_16](./screenshoots/s_16.png)
+
+
+## 開發工具
+
+- Express - The framework used
+- MySQL - Database
+- Heroku - Where API hosted
+
+
+## 開發人員
+
+- Daniel Chen https://github.com/tingul4
+- Robert Ou https://github.com/RobertOu0213
+- Jessica Hsu https://github.com/pupss91090

_helpers.js

@@ -1,12 +1,12 @@
-function ensureAuthenticated(req) {
-  return req.isAuthenticated();
+function ensureAuthenticated (req) {
+  return req.isAuthenticated()
 }
 
-function getUser(req) {
-  return req.user;
+function getUser (req) {
+  return req.user
 }
 
 module.exports = {
   ensureAuthenticated,
-  getUser,
-};
+  getUser
+}

app.js

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

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": "MYSQL_DATABASE_URL"
   },
   "travis": {
     "username": "travis",

config/passport.js

@@ -0,0 +1,39 @@
+const passport = require('passport')
+const LocalStrategy = require('passport-local')
+const bcrypt = require('bcryptjs')
+const { User } = require('../models')
+// set up Passport strategy
+passport.use(new LocalStrategy(
+  // customize user field
+  {
+    usernameField: 'account',
+    passwordField: 'password',
+    passReqToCallback: true
+  },
+  // authenticate user
+  (req, account, password, cb) => {
+    User.findOne({ where: { account } })
+      .then(user => {
+        if (!user) return cb(null, false, req.flash('error_messages', '帳號不存在！'))
+        bcrypt.compare(password, user.password).then(res => {
+          if (!res) return cb(null, false, req.flash('error_messages', '密碼輸入錯誤！'))
+          return cb(null, user)
+        })
+      })
+  }
+))
+// serialize and deserialize user
+passport.serializeUser((user, cb) => {
+  cb(null, user.id)
+})
+passport.deserializeUser((id, cb) => {
+  return User.findByPk(id, {
+    include: [
+      { model: User, as: 'Followers' },
+      { model: User, as: 'Followings' }
+    ]
+  })
+    .then(user => cb(null, user.toJSON()))
+    .catch(err => cb(err))
+})
+module.exports = passport

controllers/admin-controller.js

@@ -0,0 +1,82 @@
+const { Tweet, User, Like } = require('../models')
+
+const adminController = {
+  signInPage: (req, res) => {
+    res.render('admins/signin')
+  },
+  signIn: (req, res, next) => {
+    try {
+      const user = req.user.toJSON()
+      if (user.role === 'user') throw new Error('帳號不存在！')
+      req.flash('success_messages', '管理員成功登入！')
+      res.redirect('/admin/tweets')
+    } catch (err) {
+      next(err)
+    }
+  },
+  logout: (req, res) => {
+    req.flash('success_messages', '管理員登出成功！')
+    req.logout()
+    res.redirect('/admin/signin')
+  },
+  getAdminTweets: async (req, res, next) => {
+    try {
+      const tweets = await Tweet.findAll({
+        include: User,
+        raw: true,
+        nest: true,
+        order: [['createdAt', 'DESC']]
+      })
+      if (!tweets) throw new Error('沒有推文可顯示！')
+      tweets.forEach(tweet => {
+        tweet.description = tweet.description.substring(0, 50)
+      })
+      res.render('admins/tweets', { tweets, route: 'tweets' })
+    } catch (err) {
+      next(err)
+    }
+  },
+  deleteTweet: async (req, res, next) => {
+    try {
+      await Tweet.destroy({
+        where: { id: req.params.tweetId }
+      })
+      req.flash('success_messages', '成功刪除該則推文！')
+      res.redirect('/admin/tweets')
+    } catch (err) {
+      next(err)
+    }
+  },
+  getAdminUsers: async (req, res, next) => {
+    try {
+      const users = await User.findAll({
+        include: [
+          Tweet,
+          { model: User, as: 'Followers' },
+          { model: User, as: 'Followings' }
+        ],
+        nest: true
+      })
+      if (!users) throw new Error('沒有使用者可顯示！')
+      const likes = await Like.findAll({ raw: true, nest: true })
+      const userInfos = users.filter(user => user.toJSON().role !== 'admin')
+        .map(user => {
+          const userInfo = user.toJSON()
+          userInfo.tweetCount = userInfo.Tweets.length
+          userInfo.likeCount = likes.filter(like => userInfo.Tweets.some(tweet => tweet.id === like.TweetId)).length
+          userInfo.followerCount = userInfo.Followers.length
+          userInfo.followingCount = userInfo.Followings.length
+          return userInfo
+        })
+        .sort((a, b) => b.tweetCount - a.tweetCount)
+      res.render('admins/users', {
+        userInfos,
+        route: 'users'
+      })
+    } catch (err) {
+      next(err)
+    }
+  }
+}
+
+module.exports = adminController