This project was developed by JacksonHsieh, CynthiaYLiu, and PierreSue. You can view this project on the browser through the following link Fashion-Ceiba and see the demonstration video by opening Demo-video.
$ 題目名稱 : (Group 03) Fashion Ceiba
$ 組員：解正平(B04901020)、劉芸欣(B04901152)、蘇峯廣(B04901070)
$ project 描述：一個課程教學平台，用於輔助教學系統，即時筆記、發問、更新上課講義。
$ From Github:
* git clone https://github.com/hsiehjackson/fashion-ceiba
* change the MONGODB link in ./fashion-ceiba/.env
* npm install (./fashion-ceiba/)
* npm run server (./fashion-ceiba/) - port:4000
* npm run client1 (./fashion-ceiba/) - port:3000
* npm run client2 (./fashion-ceiba/) - port:3001
* If you want to use teacher mode, just sign up with name/email/pwd = ADMIN
$ From Deployed Link:
* open https://fashion-ceiba.herokuapp.com/login
* and enjoy
- 登入介面，可以註冊或登入
- 老師 (name/email/pwd == ADMIN/ADMIN/ADMIN)
- 學生 (其他帳號)
- Ceiba 基本功能
- 課程資訊
- 老師資訊
- 公佈欄/月曆
- PDF 上課講義瀏覽
- 上傳大檔案 (需等一段時間)
- 編輯學生自己的筆記 (即時)
- 瀏覽老師上課的筆記 (即時)
- 刪除當頁筆記
- 提出/回答問題 (聊天室)
- 未讀訊息量
- 學生提出問題
- 老師收到問題並回答
1. https://github.com/daisy3607/react-sketch
2. https://github.com/wojtekmaj/react-pdf
3. https://github.com/lykmapipo/mongoose-gridfs
-
解正平： 做完project最有成就感的地方，就是終於看懂老師之前上的一張圖，從database一路連貫到browser的過程都很清楚，其中使用graphQL的能力也大大提升。這個project很常出現小bug，但是就會變成東補西補，下次希望會更仔細寫的更完善。另外我覺得最困難的地方還是css，要很有質感的網頁還是需要一點創意。
-
劉芸欣： 這次我們的project因為是照功能來分工，所以大家真的是從前端後端db整個架構都要寫過一遍，真的是滿累人的xD 但同也覺得算是學得很扎實，寫了一學期的web發現其實web跟其他程式語言滿不一樣的，也其實沒有比較簡單，包括coding架構或是執行的順序，每次debug都覺得又大開眼界了一次！
-
蘇峯廣： 這次的期末project，很確實的把老師上課上的 database 到 browser的css style 全部實作一遍，對於之前不清楚的細節全部都搞清楚了，特別是node.js跟graphql比較難上手的部分，實力也大大提升。還有在有一些細節，像是mutation/subscription的連接及斷開等等，都因為有bug的關係，花了特別多時間重新設計，甚至手刻需要drawer等fancy的介面，因此對於很多語法都更加的了解。
* mongodb/mongoose/mongoose-gridfs
* node.js
* express.js
* graphql-yoga
* react-apollo
* react-sketch
* react-pdf
* node-sass
* react.js
$ 解正平(B04901020)
* Authetication/Ceiba基本功能/Upload pdf 之 介面/前端/後端/資料庫
* Deploy 在 herokuapp
$ 劉芸欣(B04901152)
* Sketchboard 之 介面/前端/後端/資料庫
* 影片剪輯
$ 蘇峯廣(B04901070)
* Chatroom 之 介面/前端/後端/資料庫
* README
- 建議上課之前可以先創好每次作業要使用的檔案，同學也可以直接跟著範例上課。
- 建議可以每個禮拜都有個小practice可以練習，可以讓每個小部分都更加紮實