⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠

Excalidraw Data

Text Elements

Todo input region

Todo view

Create

Enter the details of the todo

Basic Edit View

Todo input region

Todo view

Create

Enter the details of the todo

delete

edit

Todo 1

delete

edit

Todo 2

Basic Display View

delete

Todo 1

Click on it will fire a click event which will create a new todo for model and push it to local storage and update the view accordingly

Clicking on it would open the edit menu for that specific todo as shown in the next diagram

delete

edit

Todo 2

Would fire a click event to delete the data from the model in local storage

Would cancel the editing of the todo

Press when the editing is complete