ReqM

提供使用者管理需求的網頁系統

專案簡介：

此系統的設計目的是為了解決使用者需求管理問題。

線上演示網址：

https://astor011578.github.io/reqm-vue3/

使用技術：

• Database

1. MongoDB Atlas

• Back-end

1. 語言：TypeScript
2. 框架：Express.js
3. ODM 程式庫：Mongoose

• Front-end

1. 語言：JavaScript
2. 框架： Vue.js（使用Vue 3）
3. 建構工具（building tool）：Vite
4. 狀態管理工具：Pinia
5. UI 框架：Element UI, vxe-table, ECharts

• Deployment

1. 前端專案打包後部署至 GitHub Pages
2. 後端專案部署至雲端主機（使用 AWS 所提供的 EC2）

• Other

1. 版本控管：Git
2. 源碼託管：GitHub

主要功能包含以下幾項：

1. 提供使用者向他人提出需求。
2. 提供使用者審核需求。
3. 提供管理需求基本功能，如：調整時程、取消需求、使用者驗收測試……等。
4. 紀錄所有需求的時程。
5. 自動生成每週需求數量之報表。

畫面展示：

▼登入頁面

▼首頁為控制表，可依需求狀態顯示資料

▼可切換介面顯示語言為繁體中文／英文（此截圖為英文介面）

▼可依照關鍵字進行資料的模糊查詢

▼可將控制表表格資料匯出為 .xlsx 檔案

▼需求申請頁面

▼導入申請單模板，即可一鍵完成欄位輸入

▼生成每週需求數量之報表

▼將每週報表匯出為 .xlsx 檔案

▼單獨紀錄每一筆需求之詳細內容