一個使用 React + TypeScript + Vite 開發的輕量級待辦事項管理工具。
支援會員登入、註冊,並提供任務新增、編輯、刪除與完成狀態切換。
- 註冊 / 登入 / 登出
- 狀態使用 Zustand Persist 儲存在 localStorage
- 每個使用者擁有獨立任務列表
- 新增任務
- 編輯任務(標題 / 描述 / Deadline)
- 刪除任務
- 切換完成狀態
- 查看單一任務
/task/:id
| Name | Password | |
|---|---|---|
| Ming | ming@example.com | 123456 |
| Chih | chih@example.com | 999999 |
- React 19
- TypeScript
- Vite
- Zustand(含 persist middleware)
- React Router v7
- Ant Design
- Tailwind CSS 4
- JSON 檔案作為 mock 資料庫
npm install
npm run dev啟動後瀏覽:http://localhost:5173
僅供個人練習與作品集展示使用。