2022 F2E W3 - Scrum 新手村

UI 設計 - 邱仲德

設計稿 - Figma

DEMO - Scrum 新手村

使用方式

打開終端機，Clone 專案至本機

git clone https://github.com/Yuwen-ctw/2022_F2E_W3_Scrum.git

進入專案資料夾

cd 2022_F2E_W3_Scrum

安裝 npm 套件

npm install

啟動專案

npm start

備註：請使用 1440*1024 以上的視窗尺寸觀看，謝謝！

資料夾說明

src
　| _ assest
　　　| _ fonts - 字型
　　　| _ images - 圖片
　| _ pages
　　　| _ HomePage - 首頁元件
　　　| _ SpringPage 內容元件
　　　　　| _ components - 子元件
　　　　　| _ data - 文字資料
　　　　　| _ utilities - 功能
　　　| _ EndPage - 尾頁元件

開發工具

creat-react-app - 框架
styled-components - 樣式
react-beautiful-dnd - 元件拖曳功能
react-router-dom - 路由

優化空間：

拖曳功能還做得不夠順暢，例如無法拖曳到前後沒有相鄰元件的索引位置上。
拖曳時若變更尺寸，則被拖曳元件與游標之間會有落差。
程式碼重構，將設計稿文字內容獨立出來、整理共用樣式與任務間的狀態管理等。