---
# System prepended metadata

title: MonsterHunter-Rise Wiki

---

# MonsterHunter-Rise Wiki

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

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

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

## 在localhost 安裝

**啟動 react-app** 
在根目錄中 (final)
```bash 
cd frontend
npm install
npm start
```
**啟動 server** 
在根目錄中 (final)
```bash 
cd backend
npm install
npm run server
```
注意: frontend 資料夾中應該要有 .env 檔案，如果沒有請自行創立，裡面內容為 
```bash
REACT_APP_GCP=localhost
```
想要留言或是回報任務請先註冊並登入，或是使用我們提供的帳號密碼進行登入:
```
帳號: test
密碼: test
```
小提醒: 魔物的頁面因為圖片檔案較多，因此可能需要幾秒鐘的時間載入。


## 網站功能

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

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

## 課程展望

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