# MonsterHunter-Rise Wiki

## 專題簡介
Monster Hunter Rise是一個在今年3月上市，switch 平台的遊戲，遊戲內容是玩家扮演的獵人要去狩獵各式各樣的魔物。由於每一隻的魔物會有不同的弱點部位(肉質)、屬性、害怕的武器類別、掉落物機率等數據。因此我們要寫一個有關這個遊戲的攻略網站，內容包含登入、數據資料庫、上傳表單、留言板等功能。

**使用與參考之框架/模組/原始碼**
主要使用的是React, Express, WebSocket, Mongoose, Node.js。

**使用之第三方套件、框架、程式碼**
前端使用 semantic ui，而帳號密碼的地方使用了 Bcrypt。

## 在localhost 安裝

**啟動 react-app**
在根目錄中 (final)

cd frontend
npm install
npm start

**啟動 server**
在根目錄中 (final)

cd backend
npm install
npm run server

注意: frontend 資料夾中應該要有 .env 檔案，如果沒有請自行創立，裡面內容為

REACT_APP_GCP=localhost

想要留言或是回報任務請先註冊並登入，或是使用我們提供的帳號密碼進行登入:

帳號: test
密碼: test

小提醒: 魔物的頁面因為圖片檔案較多，因此可能需要幾秒鐘的時間載入。

## 網站功能

1. **登錄與註冊**: 網站中如果需要用到進一步的功能如留言或是回報任務(後面會提到的功能)，會需要先進行帳戶登錄，還沒有帳號的用戶需要進行註冊新的帳戶。而網頁中的基本功能如瀏覽魔物或任務資訊等則不需要進行登錄。
2. **功能轉換**: 按網站上方的導航列可以在各功能中進行轉換，並會根據登錄的狀態進行轉換。
3. **魔物資訊**: 按網站上方的「魔物」會進入魔物頁面，會看到魔物的卡片按照星數(難度)的高低去進行排列。按下每一張卡片後會進入對應魔物的資訊，會有棲息地以及掉落物機會等等的資訊。
4. **任務資訊**: 按網站上方的「任務」會進入任務頁面，任務會根據難度分為「村莊」、「下位集會所」和「上位集會所」三種，按導航列下方進入對應的畫面。畫面中會有一個表格，包括任務的資料，按下每個任務可以進到各個任務的留言板和排行榜。留言板會有歷史的留言記錄，登錄後可新增留言。任務回報會有一個根據任務時長作排名的排行榜，按下按鈕後進入回報表單，提交後可新增資料。*只有留言板有即時更新的功能，排行榜需要重新整理才能看到更新資訊*
6. **未來功能**:
- 我們在任務回報的部分會回報獲得的素材數量，目前是讓使用者自動填入，但是我們有考慮到謊報的問題，因此之後可能會改成辨識任務完成的截圖。
- 蒐集素材數量的用意是希望能夠統整出某個任務的素材掉落率，用來跟官方提供數據比較
-
## 組員分工

- B06705058 劉品枘
- 資料庫建立、後端 REST API、前端 axios、雲端部署、文件
- B06705021 許亦佑
- 後端的WebSocket、Demo
- B06705042 陳旨鋒
- 前端版面、文件

## 課程展望

- 希望hackathon的基礎題目設計可以簡單一點，有時候第一題卡很久或是沒寫出來﹐後面就比較慘了。之後可以讓前面的題比較簡單，後面的題目可以更難，這樣也不用作太多的調分。