全端組:Ellen Patrick Chacha

.env.example

@@ -0,0 +1 @@
+IMGUR_CLIENT_ID=

.gitattributes

@@ -0,0 +1,53 @@
+*                 text=auto
+
+# Source code
+*.css             text diff=css
+*.html            text diff=html
+*.js              text
+*.json            text
+
+# Documentation
+*.markdown        text diff=markdown
+*.md              text diff=markdown
+*.txt             text
+
+# Templates
+*.handlebars      text
+*.hbs             text
+
+# Configs
+*.cnf             text
+*.conf            text
+*.config          text
+.editorconfig     text
+.env              text
+.env.*            text
+.gitattributes    text
+.gitconfig        text
+*.lock            text -diff
+package.json      text eol=lf
+package-lock.json text -diff
+yarn.lock         text -diff
+*.yaml            text
+*.yml             text
+browserslist      text
+
+# Heroku
+Procfile          text
+
+# Graphics
+*.gif             binary
+*.ico             binary
+*.jpg             binary
+*.jpeg            binary
+*.pdf             binary
+*.png             binary
+# SVG treated as an asset (binary) by default.
+*.svg             text
+# If you want to treat it as binary,
+# use the following line instead.
+# *.svg           binary
+*.webp            binary
+
+# Ignore files (like .npmignore or .gitignore)
+*.*ignore         text

.gitignore

@@ -1,6 +1,9 @@
 .DS_Store
 *.DS_Store
 
+temp/
+upload/
+
 # Logs
 logs
 *.log

Procfile

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

README.md

@@ -0,0 +1,97 @@
+# Simple Twitter
+
+使用 Node.js & Express 打造類似Twitter的網站。
+
+### Live Demo
+
+[Heroku Link](https://shrouded-mountain-99064.herokuapp.com/signin)
+
+### 產品功能
+
+1. 使用者提供指定資訊即可註冊帳號並使用後續功能。註冊所需資料包括：帳號、名稱、Email、密碼、確認密碼。
+2. 當使用者進行註冊時，提示使用者輸入是否合乎所需資料格式。
+3. 使用者進行註冊的帳戶和email不會與他人重複。
+4. 使用者必須登入才能開始使用，並在未註冊時登入會有錯誤提示阻擋。
+5. 使用者成功登入後，首頁為所有使用者的推文，順序由最新排至最舊
+6. 使用者可以回覆每篇貼文、觀看所有推文的所有回覆
+7. 使用者可以對貼文按下喜歡做喜歡紀錄或取消喜歡推文的紀錄。
+8. 使用者可以到設定頁做個人帳戶編輯設定，並且無法修改他人帳戶。
+9. 使用者可以透過個人檔案編輯個人大頭照、頁面背景照、自我介紹，及暱稱。
+10. 貼文、回覆、編輯檔案抖有相對應限制，當使用者使用相關功能時會做提示。
+11. 使用者可以根據自己喜好任意追蹤或取消追蹤其他使用者。
+12. 管理者可以查看所有的推文、及刪除推文。
+13. 管理者可以查看所有的使用者資訊，包括推文數、喜歡數量、被追蹤、追蹤數量。
+
+### 測試帳號
+
+1. User (提供使用者: user1~user5 )
+
+   > account : user1
+   > Password: 12345678
+2. Admin
+   > Account : root
+   > Password: 12345678
+
+### 安裝流程
+
+1.開啟終端機將專案存至本機，在終端機輸入 :
+```
+git clone https://github.com/vdiefn/twitter-fullstack-2020.git
+```
+
+2. 使用終端機指令，進入存放此專案的資料夾。
+
+```
+cd twitter-fullstack-2020
+```
+
+
+3. 安裝`npm`套件，在終端機輸入：
+```
+npm install
+```
+
+4.環境變數設定 請參考.env.example檔案設定環境變數，並將檔名改為.env
+```
+IMGUR_CLIENT_ID= 
+```
+
+5. 開啟MySQLWorkbench ，使用SQL指令，在本地建立資料庫。
+
+```
+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腳本指令，啟動伺服器
+
+```
+npm run dev
+```
+
+9. 使用
+
+當終端機出現下列訊息，可開啟瀏覽器輸入 http://localhost:3000 使用
+
+```
+Example app listening on port 3000!
+```
+
+
+### 共同開發人員
+[Ellen](https://github.com/vdiefn)
+[Patrick](https://github.com/Shiba-Patrick)
+[Chacha](https://github.com/chachagof)

app.js

@@ -1,13 +1,43 @@
+if (process.env.NODE_ENV !== 'production') {
+  require('dotenv').config()
+}
 const express = require('express')
-const helpers = require('./_helpers');
+const exphbs = require('express-handlebars')
+const routes = require('./routes')
+const methodOverride = require('method-override')
+const helpers = require('./_helpers')
+const handlebarsHelpers = require('./helpers/handlebars-helpers')
+const session = require('express-session')
+const flash = require('connect-flash')
+const passport = require('passport')
+const path = require('path')
 
 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.get('/', (req, res) => res.send('Hello World!'))
+app.engine('hbs', exphbs({ defaultLayout: 'main', extname: '.hbs', helpers: handlebarsHelpers }))
+app.set('view engine', 'hbs')
+app.use(express.urlencoded({ extended: true })) // body-Parser
+app.use(methodOverride('_method')) // methodOverride
+app.use(session({ secret: 'secret', resave: false, saveUninitialized: true })) //session
+app.use(passport.initialize()) //passport
+app.use(passport.session()) //passport
+app.use(flash())// connect-flash
+app.use('/upload', express.static(path.join(__dirname, 'upload')))//上傳圖片
+app.use((req, res, next) => {
+  res.locals.success_messages = req.flash('success_messages')
+  res.locals.wrong_messages = req.flash('wrong_messages')
+  res.locals.error_messages = req.flash('error_messages')
+  // res.locals.error_reply = req.flash('error_reply')
+  res.locals.user = helpers.getUser(req)
+  next()
+})
+
+app.use(routes)
+
 app.listen(port, () => console.log(`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": "CLEARDB_DATABASE_URL"
   },
   "travis": {
     "username": "travis",

config/passport.js

@@ -0,0 +1,43 @@
+const passport = require('passport')
+const localStrategy = require('passport-local').Strategy
+const bcrypt = require('bcryptjs')
+const { User, Tweet } = require('../models')
+
+passport.use(new localStrategy(
+  {
+    usernameField: 'account',
+    passwordField: 'password',
+    passReqToCallback: 'true'
+  },
+  (req, account, password, done) => {
+    User.findOne({ where: { account } })
+      .then(user => {
+        if (!user) return done(null, false, req.flash('wrong_messages', '帳號或密碼輸入錯誤！'))
+        bcrypt.compare(password, user.password)
+          .then(res => {
+            if (!res) return done(null, false, req.flash('wrong_messages', '帳號或密碼輸入錯誤！'))
+            return done(null, user)
+          })
+      })
+  }
+))
+
+passport.serializeUser((user, done) => {
+  done(null, user.id)
+})
+passport.deserializeUser((userId, done) => {
+  User.findByPk(userId, {
+    include: [
+      { model: User, as: 'Followers' }, 
+      { model: User, as: 'Followings' },
+      { model: Tweet, as: 'LikedTweets' },
+      Tweet
+    ]
+  })
+    .then(user => {
+      user = user.toJSON()
+      return done(null, user)
+    })
+})
+
+module.exports = passport

controllers/admin-controller.js

@@ -0,0 +1,67 @@
+const { User, Tweet, Followship, Like } = require('../models')
+const helpers = require('../_helpers')
+
+const adminController = {
+  signInPage: (req, res) => { // 後台登入
+    res.render('admin/signin')
+  },
+  signIn: (req, res, next) => {
+    req.flash('success_messages', '成功登入！')
+    res.redirect('/admin/tweets')
+  },
+  getTweets: (req, res, next) => { // 後台取得推文清單
+    return Tweet.findAll({
+      include: User,
+      nest: true,
+      raw: true,
+      order: [
+        ['createdAt', 'DESC'],
+        ]
+    }).then((tweets) => {
+      const data = tweets.map(t => ({
+        ...t,
+        description: t.description.substring(0, 50)
+      }))
+      return res.render('admin/tweets', { tweets: data })
+    })
+      .catch(err => console.log(err))
+  }
+,
+  getUsers: (req, res, next) => { // 後台取得使用者列表
+    return User.findAll({
+      include: [
+        { model: User, as: 'Followings' },
+        { model: User, as: 'Followers' },
+        { model: Tweet, as: 'LikedTweets'},
+        Tweet
+      ] 
+    })
+      .then((users) => {
+        users = users.map(user => ({
+          ...user.toJSON(),
+          // 計算追蹤人數
+          followerCount: user.Followers.length,
+          followingCount: user.Followings.length,
+          likeCount: user.LikedTweets.length,
+          tweetsCount: user.Tweets.length
+        }))
+        users = users.sort((a, b) => b.tweetsCount - a.tweetsCount)
+        return res.render('admin/users', { users })
+      })
+      .catch(err => console.log(err))
+  },
+  deleteTweet: (req, res) => { // 後台刪除tweet
+    return Tweet.findByPk(req.params.id)
+      .then(tweet => {
+        if (!tweet) throw new Error("Tweet didn't exist!")
+        return tweet.destroy()
+      })
+      .then(() => res.redirect('/admin/tweets'))
+      .catch(err => console.log(err))
+  },
+  logout: (req, res) => { // 後台登出
+    res.redirect('signin')
+  }
+}
+
+module.exports = adminController

controllers/api-controller.js

@@ -0,0 +1,30 @@
+const { User } = require('../models')
+const helpers = require('../_helpers')
+
+const apiController = {
+  getUser: (req, res,) => { // 取得帳戶設定頁面
+    const id = req.params.id
+    if (+id !== +helpers.getUser(req).id){
+      return res.json({status:'error'})
+    }
+    return User.findByPk(id, { raw: true, nest: true })
+      .then(user => {
+        if(!user)throw new Error ('沒有此使用者')
+        return res.status(200).json(user)
+      })
+      .catch(err => next(err))
+  },
+  postUser: (req, res, next) => { // 編輯帳戶設定
+    const { name } = req.body
+    const id = req.params.id
+    return User.findByPk(id)
+      .then(user => {
+        if (!user) throw new Error('沒有此使用者')
+        return user.update({name})
+      })
+      .then(user => res.json({status:'success', user}))
+      .catch(err => next(err))
+  }
+}
+
+module.exports = apiController