Skip to content

YiWenLai510/Movie_comment_trailer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Movie_comment_trailer

Introduction

瀏覽各類電影資訊,並評論以及加入最愛

Deployed Link

https://movie-comment-system.herokuapp.com/

Demo link

https://www.youtube.com/watch?v=tfPnITgkoPg

How to use

  1. deployed version : https://movie-comment-system.herokuapp.com/
  2. local version : 下載後在root資料夾npm install,再至backend資料夾npm install.分別npm start即可.localhost:3000就是主要頁面

using packages/ References

Using

  • Youtube API

Reference

  • 電影相關的資料是由 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製作

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •