###### tags: `NTUEE+`
# NTUEE+ 網頁分工
<small>[回MD首頁](https://hackmd.io/CSNbja7XTYCYquYxgq4Xow)</small>
## beta回饋
### bug
* fb手機chrome無法登入 **(已修復)**
* career的Recruitment和Recommandation(我就爛那一頁)有些電腦圖片會跑掉
* profile edit按下去後新+的work exp不能輸入，要再按一次才能輸入
### 建議
* 註冊按鈕要再明顯
* "or login with..."只有一個選項先不要刪節號(這個的顏色好像也點太淡了，不容易發現他)
* register時Qestion和照片要拔掉，FAQ和preview也是
* profile head/edit應該要固定
* edit再明顯一點，沒按edit前不顯示+號和update按鈕
* edit按下後建議變成update
* 留學的excel加入導覽頁面，介紹名詞和代號(O/A不夠明顯)，凍結第一欄
* About在/in也應該顯示
* Register時選填private信箱並說明功用(忘記密碼)
* Job ID先拔掉
* 封面 (NTUEE+)很醜。字體很醜。
### 稱讚
* headshot雙關(?)很好笑

## beta 待辦(start 9/1)
* [ ] 拔掉console
* 前端
* [x] 擋Auth
* [x] 拔安全問題(login change、reg
* [ ] reg照片、安全問題拔掉；profile JobID拔掉
* [ ] merge column
* [ ] ResetPassword的按鈕字太大
* [ ] Policy的排版?
* 後端
* [x] 拔掉reg照片
* [x] 拔掉/api/chLogin
* [x] docker
* [x] 寫script把column複製到主機的mongoDB
* 用 npm run reset-db
* [x] https憑證
* [x] facebook 手機板問題
## 資訊部的建議
* 等預選系統架好後請他幫忙
* 手機板版面不能跑掉
* 網站title和logo
* 前端可套模板(自動做responsive)
* material ui(因為react已經包好，可能要改很多東西
* bootstrap
* 裝eslint跟prettier，規定coding style
* 圖片load太久/github clone太久
* 不用那麼大張(壓縮
* optimizer優化
## 學長們的建議
* profile加組別(11個組)、tag
* ntuee chain 留學交流功能應該開個專區放心得文
* 開源，系友可發issue

## Frontend
* 君輔想到的一些工作
* 目前session到期會自動logout，那再login希望跳到之前的畫面(現在預設是home
* webpack debug( recruitment )

* Search 外觀及功能部份
* 外觀部份指的是搜尋結果的呈現以及動畫效果之類的
* 功能部份則是自製一個selector，使得選項不會重複出現，之前有寫但有bug，待修正
* 負責人:
* 王友廷
* Add Recruitment/Recommendation
* 兩個差不多，就是寫一個可以在最上面滑出的component，供增加職缺/履歷使用
* 負責人:
* 陳俊廷
* 整個前端的檔案整理
* [套coding style rule](https://www.notion.so/Tidy-Up-Coding-style-de130c77c8654b61ba0e45c941b55ed4)
* 將檔案架構列出並使其更加直覺清晰
* 實裝prettier
* 負責人:
* 王友廷

* Column 套 Bootstrap
* 進行中
* 負責人:
* Column_block :黃靖傑
* 將bootstrap的column功能加入，解決不同螢幕大小時發生的錯誤。
* 建議
>* 我在src/in/style中加入常用色彩和字體，希望之後可以被其他頁面引用，用來統一色調，當然我覺得顏色可以再慢慢調整。
>* 由於intro字有點多，有時很佔版面（尤其是手機版）因此希望將intro資訊移動到Column_text中以簡化Column_block頁面，反正字多的東西要真正想看的人才會點開來看嘛
>* 若是擔心intro部分刪去導致在欄位資訊不夠，可以改成在Column_block上顯示hashtag來讓人對內容一目了然
>* 現在的column_block資訊都是內刻在.js當中，代表是不是我們可以對輸入的json格式進行修改，像我就希望在原本讀入的title格式分成title和subtitle兩個property分別讀入
* 疑問
>* 在column_block底下的每篇文章的所有Component都有自己的id，像title, anno, intro 都有自己的id，這些id的作用是什麼。因為如果是用來辨識css的話，我後來都用class完成了，然後如果是用來搜尋的話，在block的層級加上id就夠了，好像不用底下的每一個都加上一個id的property... 我在想如果沒有特定的用法的話我可不可以適當地進行刪減。
* 回覆
>* 當初這麼多id好像是怕有些特別狀況發生，但現在應該可以將它刪掉了，我之後也會把之前的code做同樣修正
>* Json部分行阿，當初是因為都沒有人有意見所以我才隨便弄了一個，現在情況更為複雜，所以可以更動資料結構，只是之後要一個一個改就是XD
* github branch: columnBlock
* Column_text :陳亮君
done:
1.字體大小
2.標題文字
3.hashtag隱藏
4.新增簡介和副標
todo:
1.將intro 文字移植到 page裡（1912,1910,1909已完成）
2.同上，更改subtitle

* 小畫家功能（？
* 給大頭貼或是照片修正用，應有相關套件可使用
* in/out 首頁動畫
* 外部背景動畫效果
* 內容頁數問題
* 比如Column Search等大量資料應分頁顯示 如每十個一頁等
### Navigate Bar
### Footer
## Both
* 安全性
* 工作內容：
* ~~確保out拿不到in的檔案(現在的方法好像有點暴力)~~
* post的加密(~~要不要寫個/post.js統一管理?~~
* ~~validation(檢查有沒有漏掉的或bug~~
* ~~廣哥建議：[fb拔掉https](https://developers.facebook.com/blog/post/2018/06/08/enforce-https-facebook-login/?locale=zh_TW)~~
* 可能的負責人：
* 陳映樵(有資安經驗)
* 鐘郁翔(給你的人力

## Backend
### debug
* search空時要handle
### api(多人，依功能再劃分)
* 工作內容
* 工作career：
* 職缺Recruitment
* 履歷Recommandation
* 如何互動(like?)
* 管理員Auth
* 管理員介面顯示、權限確認
* 加管理員
* 註冊後確認(動到流程、去改reg.js)
* 開啟特定活動(留學配對)
* column post
* column
* add
* post(等管理員功能)
* search、hashtag link
* 留學Study
* 開放留學表單(等管理員功能)
* 放留學資料(圖像化
* 先輩心得連結/心得分享專區
* search?
* 留學配對登記
* 瑋襄進度：
* input : 兩個excel
* output: 名字配名字的excel
* 問卷學長姐需要填領域

* 負責人
* 陳君輔(教學)
* 洪維辰
* 葉星宏
* 09
* 09
### 資料庫&優化
交給有經驗但忙的人，沒空做就算了我來幹
* 工作內容
* 模糊搜尋(目前學號的用reg完成)
* ~~定時自動刪除(for activation(~~ done
* search時照權重(怎樣算權重??)傳10筆資料(按下一頁再傳11~20之類的
* 圖片壓縮，優化圖片傳輸(現在load有點久，不知道是哪邊卡住
* 用docker跑很順
* 想一下大頭貼、team那些怎麼處理(照片不要掛在git裡)，廣哥對於git clone太久很不開心
* 傳buffer和傳string哪個效率比較好?目前是用buffer但前端需要額外處理好像不太好
* 如果效率沒差的話可以在後端先轉換(mongoose.schema.virtual)，或者傳個function到前端?
* sort by account或其他想得到的優化/加速方法
* error handling
* [express error handling](https://zellwk.com/blog/express-errors/)
* [async handler](https://zellwk.com/blog/async-await-express/)
* express-syanc-handler
* [obj mapping](https://stackoverflow.com/questions/5072136/javascript-filter-for-objects/37616104) and schema method
* for req->query & obj->output
* facebook 功能擴充
* 要測試facebook功能請**將index.js中https的部分(67-76行)取消註解，原本app.listen(79-82行)註解掉**
* [facebook developer](https://developers.facebook.com/apps/969130733557478/dashboard/)，如果需要其他fb api功能，可能要在這裡設定
* 建立routes/middleware/facebook資料夾，在main.js中export以下兩個function
* 檢查使用者是否在[EEplus社團](https://www.facebook.com/groups/ntueeplus)裡
* 寫成middleware的形式
* input：(req,res,next)
* req.body.facebookID獲得使用者ID
* output：
* 若存在於社團 呼叫next()
* 若不存在於社團，呼叫next('route')
* 參考[doc](https://hackmd.io/XCiAXLMkTQal6L6AOARD-w#%E4%B8%AD%E4%BB%8B%E8%BB%9F%E9%AB%94)的next()與next('route')
* 你可能需要的範例：
* facebook api：client/src/out/Register.js
* 發送messenger訊息給使用者
* 寫成一個async function，類似middleware/mail/main.js，因為可能多個地方需要用到它
* input：msg(要發送的訊息)
* output：true/false(error)
* 可能的負責人
* 維恩
* 君輔
* 謹譯