這是一個可表示先後順序、相互依賴關係的 To-Do-List
底層用了 DAG (有向無環圖) 的資料結構實作,含基本 CRUD。 考量未來擴展與可維護性,使用 TypeScript + React 開發。
- 物件可拖曳且連動原生的 svg 箭頭 (拖曳功能模仿 react-draggable 套件)
- 樣式採用 css-in-js 方案 (使用 styled-component)
- 頁面重新整理不遺失資料 (借助 Local Storage)