Ts 1000

.env.example

@@ -0,0 +1,3 @@
+IMGUR_CLIENT_ID=
+PORT=
+SESSION_SECRET=

.eslintignore

@@ -0,0 +1,2 @@
+/node_modules/*
+/test/*

.eslintrc.yml

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

.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

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

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "cSpell.words": [
+    "signin",
+    "Followship"
+  ]
+}

Procfile

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

README.md

@@ -0,0 +1,73 @@
+# Simple Twitter
+
+## **Introduction 專案簡介**
+
+使用 Node.js + Express + MySQL 製作的簡易社群網站，使用者可以註冊帳號、登入，並進行發文、瀏覽他人推文、回覆他人留言、對別人的推文按 Like，以及追蹤其他使用者等。
+
+![](public/screenshots/tweets.jpg)
+
+### 雲端試用
+
+- 試用連結: [https://glacial-reef-40489.herokuapp.com](https://vast-basin-23192.herokuapp.com/)
+- 前台試用帳密
+    - 帳號: user1
+    - 密碼: 12345678
+- 後台試用帳密
+    - 帳號: root
+    - 密碼: 12345678
+
+## **Features 功能**
+
+- 使用者可以註冊，並登入帳號使用網站服務
+- 使用者能在首頁瀏覽所有的推文 (tweet)
+- 使用者能新增推文
+- 使用者能回覆別人的推文
+- 使用者能對別人的推文按 Like/Unlike
+- 使用者可以追蹤/取消追蹤其他使用者
+- 使用者能編輯自己的名稱、自我介紹、個人頭像與封面
+
+## **Prerequisites 環境設置**
+
+- [VScode](https://code.visualstudio.com/)
+- [Git](https://git-scm.com/downloads)
+- [Node.js](https://nodejs.org/en/)
+- [nodemon](https://www.npmjs.com/package/nodemon)
+- [MySQL Workbench](https://dev.mysql.com/downloads/workbench/)
+
+## **Installation 開始使用**
+
+```
+# 開啟終端機 並 Clone 此專案至本機
+$ git clone https://github.com/thpss91103/twitter-fullstack-2023.git
+
+# 於終端機進入存放本專案的資料夾
+$ cd xxxxx
+
+# 安裝 npm 套件
+$ npm install
+
+# 新增.env檔案，並請根據.env.example檔案內資訊設置環境變數
+
+# 修改 config.json 中的 development 設定，使用個人 MySQL 的 username、password 和 database
+  development": {
+      "username": "<your username>",
+      "password": "<your password>",
+      "database": "<your database>",
+      "host": "127.0.0.1",
+      "dialect": "mysql"
+  }
+
+# 新增資料表和種子資料
+$ npx sequelize db:migrate
+$ npx sequelize db:seed:all
+
+# 啟動伺服器，執行 app.js 檔案
+$ npm run dev 
+
+# 若在終端機看到下方訊息代表順利運行，於瀏覽器中輸入該網址(http://localhost:3000)即可開始使用本網站
+"App is running on http://localhost:3000"
+```
+
+## **Contributors 貢獻者**
+
+[evaaaaawu](https://github.com/evaaaaawu) | [gary86442](https://github.com/gary86442) | [thpss91103](https://github.com/thpss91103) | [arubakingpikachu](https://github.com/arubakingpikachu)

_helpers.js

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

app.js

@@ -1,13 +1,55 @@
+if (process.env.NODE_ENV !== 'production') {
+  require('dotenv').config()
+}
+
+const path = require('path')
 const express = require('express')
-const helpers = require('./_helpers');
+const exphbs = require('express-handlebars')
+const routes = require('./routes')
+const methodOverride = require('method-override')
+const session = require('express-session')
+const passport = require('./config/passport')
+const flash = require('connect-flash')
+const helpers = require('./_helpers')
+const handlebarsHelpers = require('./helpers/handlebars-helpers')
 
 const app = express()
-const port = 3000
+const port = process.env.PORT || 3000
+const SESSION_SECRET = process.env.SESSION_SECRET || 'ThisIsMySecret'
+
+app.engine(
+  'hbs',
+  exphbs({ defaultLayout: 'main', extname: '.hbs', helpers: handlebarsHelpers })
+)
+app.set('view engine', 'hbs')
 
+app.use(express.static('public'))
+app.use(express.urlencoded({ extended: true }))
+app.use(
+  session({
+    secret: SESSION_SECRET,
+    resave: false,
+    saveUninitialized: true
+  })
+)
+app.use(passport.initialize())
+app.use(passport.session())
+app.use(flash())
+app.use(methodOverride('_method'))
+app.use('/upload', express.static(path.join(__dirname, 'upload')))
+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()
+})
 // 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.listen(port, () => console.log(`Example app listening on port ${port}!`))
+app.use(routes)
+
+app.listen(port, () =>
+  console.log(`App is running on http://localhost:${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",
@@ -28,4 +24,4 @@
     "dialect": "mysql",
     "logging": false
   }
-}
+}

config/passport.js

@@ -0,0 +1,68 @@
+const passport = require('passport')
+const LocalStrategy = require('passport-local')
+const bcrypt = require('bcryptjs')
+const { User, Like } = require('../models')
+// set up Passport strategy
+passport.use(
+  'user',
+  new LocalStrategy(
+    // customize user field
+    {
+      usernameField: 'account',
+      passwordField: 'password',
+      passReqToCallback: true
+    },
+    // authenticate user
+    (req, account, password, cb) => {
+      User.findOne({ where: { account, role: 'user' } }).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)
+        })
+      })
+    }
+  )
+)
+passport.use(
+  'admin',
+  new LocalStrategy(
+    // customize user field
+    {
+      usernameField: 'account',
+      passwordField: 'password',
+      passReqToCallback: true
+    },
+    // authenticate admin
+    (req, account, password, cb) => {
+      User.findOne({ where: { account, role: 'admin' } }).then(admin => {
+        if (!admin) { return cb(null, false, req.flash('error_messages', '此帳號不是admin!')) }
+        bcrypt.compare(password, admin.password).then(res => {
+          if (!res) { return cb(null, false, req.flash('error_messages', '密碼錯誤！')) }
+          return cb(null, admin)
+        })
+      })
+    }
+  )
+)
+// serialize and deserialize user
+passport.serializeUser((user, cb) => {
+  cb(null, user.id)
+})
+passport.deserializeUser(async (id, cb) => {
+  try {
+    const user = await User.findByPk(id, {
+      include: [
+        // 關聯資料
+        { model: Like },
+        { model: User, as: 'Followers' },
+        { model: User, as: 'Followings' }
+      ]
+    })
+    return cb(null, user.toJSON())
+  } catch (err) {
+    cb(err)
+  }
+})
+
+module.exports = passport