Skip to content

Latest commit

 

History

History
24 lines (19 loc) · 1.25 KB

README.md

File metadata and controls

24 lines (19 loc) · 1.25 KB

hexschool_react-todolist

【React 新手證書任務】Todolist 待辦事項 - React Todolist

Demo

  • One of the final projects of the seminar "2022 React 新手讀書會 - 2022 React Beginner Seminar"
  • Visual design template (includes HTML & CSS) provided by Hexschool, part of the HTML and CSS are adjusted to meet Javascript needs
  • Utilized Javascript with React to create the classic CRUD todolist with some additional functions:
    • Categorize the all, incompleted, completed todos into different tabs
    • Show the number of incompleted todos
    • Clear all the completed todos at once
  • Deployed the todolist using react router (Create React App)

 

  • 「2022 React 新手讀書會」最終作業之一
  • 版型(含 HTML & CSS)由六角學院提供,僅依 JS 需求調整部分 HTML 及 CSS
  • 以 React 製作出經典的 CRUD todolist,額外增加的功能包含:
    • 將全部、待完成、已完成事項歸類到不同分頁
    • 顯示待完成事項總數
    • 一次性清除所有已完成的待辦事項
  • 以 React Router (Create React App) 部署 todolist