Demo 點擊查看.
16.15.0
npm install
npm start
|-- public
|-- images // 放置 favicon 跟非 svg 的媒體檔案。
|-- src
|-- assets // 一般放置比較容易有變化的媒體檔案,譬如做成各種 icon 的 svg
|-- icon
|-- components // 非頁面的元件,在頁面內可拆分的元件都放置這裡,若只在特別頁面使用則可開頁面名稱資料夾做分類。
|-- constants // 放置不變的資料或者 enum 目前暫時不做特別檔案規範。
|-- views // 頁面
|-- index.jsx // 預設為Home
|-- introduction
|-- index.js
|-- Scrum.jsx
|--Role.jsx
|--SprintGuide.jsx
|--ProductBacklog.jsx
|--SprintPoint.jsx
|--exam
|--index.js
|--ProductBacklog.jsx
|--SprintPoint.jsx
|--chat
|--index.js
|--SprintDailyScrum.jsx
|--SprintReview.jsx
|--SprintRetro.jsx
|--ThankYou.jsx
-
React 使用 Create React App 建置專案
-
使用 TailwindCSS 做樣式
-
使用 ESLint airbnb 做程式碼檢查
-
使用 clsx 做樣式拆分及條件化樣式
-
使用 framer-motion 做動畫特效
-
使用 nanoid 做 id 生成
-
使用 react-beautiful-dnd 做拖移元件