One single todo may have more information than just text. More feature such as due date, or note can be added in a todo.
And to access this feature I want to implement a popup modal that will appear when a todo line is clicked. That way the user can focus on more detailed information of the corresponding todo.

Implement save to localStorage so that when the page is refreshed the todo data can be restored.

Implement delete todo so that when delete button is clicked the todo is deleted.

Create the design and implement using xstyled