{"id":26570821,"url":"https://github.com/tzuhanchen/todo-list","last_synced_at":"2026-04-15T14:02:54.055Z","repository":{"id":279978841,"uuid":"940514995","full_name":"TzuHanChen/todo-list","owner":"TzuHanChen","description":"實作完整 CRUD 功能的任務管理系統，可顯示或隱藏已完成的任務","archived":false,"fork":false,"pushed_at":"2025-08-06T09:35:24.000Z","size":890,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-06T11:15:59.797Z","etag":null,"topics":["headless-ui","material-symbols","nextjs","tailwind-css","typescript"],"latest_commit_sha":null,"homepage":"https://todo-list-tzuhanchen.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TzuHanChen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-02-28T10:05:55.000Z","updated_at":"2025-08-06T09:35:27.000Z","dependencies_parsed_at":"2025-02-28T20:09:28.620Z","dependency_job_id":"6dcc2fdf-0af7-414c-b472-372e5b420d00","html_url":"https://github.com/TzuHanChen/todo-list","commit_stats":null,"previous_names":["tzuhanchen/todo-list"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TzuHanChen/todo-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TzuHanChen%2Ftodo-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TzuHanChen%2Ftodo-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TzuHanChen%2Ftodo-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TzuHanChen%2Ftodo-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TzuHanChen","download_url":"https://codeload.github.com/TzuHanChen/todo-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TzuHanChen%2Ftodo-list/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270032755,"owners_count":24515348,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["headless-ui","material-symbols","nextjs","tailwind-css","typescript"],"created_at":"2025-03-22T22:19:16.149Z","updated_at":"2025-10-26T10:12:30.128Z","avatar_url":"https://github.com/TzuHanChen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/TzuHanChen/todo-list/a8077a2f01e98c643dbbf12f3d36551d83b46a05/public/icon.svg\" alt=\"ToDo List 圖示\" /\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eToDo List\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e實作完整 CRUD 功能的任務管理系統，可顯示或隱藏已完成的任務\u003c/p\u003e\n\n![截圖](/public/screenshot.png)\n\n## 專案簡介\n\n* 任務管理：新增、檢視、編輯、刪除、標記完成 / 未完成\n* 篩選：顯示所有 / 已完成 / 未完成的任務\n* 排序：根據創建時間 / 更新時間、舊到新 / 新到舊排序\n\n## 開發工具\n\n前端\n\n* 使用 Next.js (App Router) + TypeScript + Tailwind CSS + Headless UI + Material Symbols 製作頁面與功能邏輯\n* 使用 Server Actions 串接自行實作的 REST API\n\n後端\n\n* 使用 TypeScript + SQL 撰寫腳本，連接 Neon Serverless PostgreSQL 建立資料表並新增初始資料\n* 使用 Next.js route handler 實作 REST API\n\n版本控制與部署\n\n* 使用 GitHub 管理版本與專案開發流程\n* 透過 Vercel 部署專案，並自動取得 GitHub 提交紀錄進行 CI/CD 部署\n\n## 相關連結\n\n[上線網站 DEMO](https://todo-list-tzuhanchen.vercel.app)：首頁、任務頁面、API 文件頁面\n\n[Figma 設計稿](https://www.figma.com/design/qOMq50w0AbuaNXFSReg1df/ToDo-List?node-id=17-188\u0026t=uXS0l8xv0dF2lkYW-1)：SEO 預覽圖、網站圖示、線框圖、元件\n\n[Meta Tags](https://metatags.io/?url=https%3A%2F%2Ftodo-list-tzuhanchen.vercel.app)：可測試各項 SEO 資訊\n\n## 未來規劃\n\n* 搜尋任務\n* 清除篩選 / 排序 / 搜尋條件\n* 前端所有表單使用 React Hook Form 處理格式驗證、即時顯示錯誤訊息、顯示正在提交狀態\n* 後端所有 API 加入 Zod 處理格式驗證、錯誤訊息\n* 新增使用者登入 / 登出功能\n\n\u003c!-- ## 授權金鑰\n\n``` bash\nnpx auth secret\n```\n\n上述指令產生出來的 AUTH_SECRET 要放在 .env.local --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftzuhanchen%2Ftodo-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftzuhanchen%2Ftodo-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftzuhanchen%2Ftodo-list/lists"}