React_TodoList

Deploy Link: https://landy510.github.io/React_TodoList/#/login

Feature Description

1. login existing account

   

2. Register new account

   

3. Add new todo

   

4. edit existing todo

   Dobule click the todo item then that column will change to edited mode.

   After finished editing the todo item, hit the Enter button then you should see the content of the todo item would change to the new content.

   

5. delete existing todo

   Click the cross icon which locates at the end of the row.

   Then the todo item that is at the same row should be deleted.

   

6. maintain login status

   Step 1. Once successfully login, you will be navigated to index page.

   Step 2. Close the current tab without logout.

   Step 3. Open the same url in a new tab that you should be automatically navigated to index page.

   

7. Logout

   After click the right-top logut button, you should be navigate back to login page.