瀏覽各類電影資訊,並評論以及加入最愛
https://movie-comment-system.herokuapp.com/
https://www.youtube.com/watch?v=tfPnITgkoPg
- deployed version : https://movie-comment-system.herokuapp.com/
- local version : 下載後在root資料夾npm install,再至backend資料夾npm install.分別npm start即可.localhost:3000就是主要頁面
- Youtube API
- https://github.com/RuhanRK/react-tmdb-movie
- https://github.com/SKempin/reactjs-tmdb-app?fbclid=IwAR0nZDZ9H3qQU8XfRqHVVjmKCBmFzaA0t98ZM6E7-pBPJi9lrRno2k31iEE
- 電影相關的資料是由 The Movie Database (TMDb) API. 而來 參考的連結只有前端,前端架構可參考連結的readme。後端主要是用graphql 和graphql-yoga,前端用Apollo、graphql和後端溝通。
- 賴繹文 -參考的react架構非常完整也非常龐大,讓人初步認識一個react架構應有的樣子。前端部分,除了要花不少時間去讀懂原作的寫法,為了新增電影資料庫的呈現方式,也去了解moviedb的API。後端採用graphql架構,雖然想著有HW3可以參考,但實際寫起來才發現繁瑣許多,還一度發生更改部分schema的插曲。這次經驗讓我了解,一個完整的網頁服務,前端和後端工程師絕對是密不可分,也不可能專精一種,其他都不會,對兩類技術都有一定的認知才能夠合作。訂好schema非常重要,但對初學者來說,設想不周到的情況非常容易出現。
- 陳冠豪 -把code寫的好看真的是蠻重要的,我們參考的repo在這點做的很好,讓我可以很快速的讀懂原本的架構,並且開始實現我們想要的功能,過程中碰到問題也能夠透過看package的document解決,前端的部份整體來說功能有達到當初討論的想法,並且順手把一些UI介面改的比較好看一點.後端的部份有些地方花了時間看一下graphql的document,看完之後基本上就很快的上手,並且連到mongodb.過程中碰到最大的bug就是我發現nodemon這個套件有些地方蠻奇怪的,例如修改之後nodemon會重新啟動新的process,但是有時候前一個process還是會繼續執行,造成新的process沒辦法用指定的port然後就crash了,一開始以為會crash是因為程式有問題,後來才發現是因為這樣...總結來說這個project讓我對graphql和react的框架更熟悉,開發起來更加順手.
- 陳昱銓 -再看了別人的code之後,更了解react-redux運作的方法,也學到要做好一個大網站需要下非常多的功夫。後端的graphql 也是一個很方便的套件,但要了解並善用他,仍需要下一番功夫。
- 陳冠豪:
- 前端: 登入服務 熱門、最新電影分類 最愛功能 留言功能 UI調整
- 後端: 定義schema、寫resolver
- deploy
- 賴繹文
- 前端: 最愛功能
- 後端: 定義schema、寫resolver
- readme製作
- 陳昱銓
- 後端: 定義schema、寫resolver
- 影片readme製作