x-village-todo

連結後端資料庫的To-do-list，有淺顯易懂的UI/UX介面設計。

Usage

Windows

set FLASK_APP=app.py
flask run

macOS/Linux

export FLASK_APP=app.py
flask run

基本功能

• 提供使用者網頁介面
• 網頁介面可新增、顯示、修改、刪除list項目
• 連結到後端資料庫

額外功能

• 搜尋功能:

  輸入的中英文大小寫與項目字元一致時，便會只顯示該項目

• 時間排序:

  可從新排到舊(按下)/舊排到新

• 顯示時間:

  顯示created時間(按下)/不顯示時間

• 隱藏已完成項目:

  隱藏已完成項目(按下)/顯示全部

• 顯示已完成項目之數目:

  有checked的項目便會被記錄起來，計算已完成數目

• 更體貼的使用者介面設計

  • 維持介面及色彩一致性
  • 按鈕按下時加深顏色，讓使用知道目前的按鈕狀態
  • 使用鉛筆icon，表示按下可編輯項目
  • 按下list項目，該項目會呈灰色及刪除線，更加明瞭該項目已完成(checked)
  • 按下"Hide"按鈕，隱藏已完成項目，讓list變色及鉛筆icon消失，並讓游標指到項目不再是pointer，了解該狀態下不能check及編輯