Skip to content

WendyBai77/project_todolist_API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo List Practice

Project 說明

使用JavaScipt實作Todo List練習,透過原生 JavaScipt 操作 DOM API,並串接Todo List API,設計登入/登出/註冊/新增/修改/刪除、切換狀態功能。


Demo


使用說明

  1. 登入信箱、密碼後可進入Todo List主頁,初次登入需先進行帳號註冊
  2. 登入顯示使用者暱稱,輸入待辦事項後,點選+符號來新增代辦事項。
  3. 可針對待辦事項內容做修改刪除,並勾選待辦事項來切換"待完成/已完成"狀態
  4. 針對已完成的待辦事項,可點選"清除已完成項目"進行全部刪除
  5. 使用完畢可進行登出。下一次登入依然會保存先前資料。

※ 注意:Todo List API 每天(24h)會進行清除! 以及不會儲存用戶資料至資料庫(僅緩存)


學習紀錄

  • 串接Todo List API,設計登入/登出/註冊/新增/修改/刪除、切換狀態功能。
  • 使用「正規式」(Regular expressions)進行註冊、登入時的字串比對。
  • 使用localStorage,將網頁中的資料儲存在使用者的瀏覽器中。
  • Promise.all透過「陣列的形式」傳入多個 promise 函式。多個 Promise 行為同時執行,全部完成後統一回傳。
  • location.pathname 返回當前頁面的路徑和文件名
  • 使用RWD響應式網頁設計,並導入SASS/SCSS
  • 三元運算子

About

使用JavaScipt實作Todo List練習,透過原生 JavaScipt 操作 DOM API,並串接Todo List API,設計登入/登出/註冊/新增/修改/刪除、切換狀態功能。

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Contributors