React：Todo List

以 React 進行 Todo List 開發，使用者可以新增、刪除、編輯、選取 todo。

• Demo

主要功能

• Todo List 新增、刪除、編輯功能
• 標記未完成、已完成
• 篩選 Todo List：顯示全部、已完成、未完成
• 清空所有 Todo List

使用技術

• 使用 React 開發 Todo List 功能。
• 支援 RWD，並搭配 styled-components 進行排版。
• 使用 function component 及 hooks 管理組件狀態。
• 導入 Prettier、ESLint 統一程式碼格式及檢查語法。

專案結構

• /src
  • /components
    • App.js
    • todoItem.js
  • /hooks
    • useInput.js
    • useTodos.js
  • /constants
    • breakpoint.js
    • style.js
  • /images
    • images that the project needs
  • index.js