Create a React Todo List<\/strong><\/h3>\n\n\n\nThe goal of this exercise is to create a working todo list with persistent data storage.<\/p>\n\n\n\n
To start with, we have a styled todo list that supports adding todos. We also have pre-made styles for completed todo items. Although there\u2019s no working mechanism for \u201ccompleting\u201d a todo.<\/p>\n\n\n\n
Requirements<\/h4>\n\n\n\n\n- Clicking on a todo item should toggle the \u201cchecked\u201d state.<\/li>\n\n\n\n
- The todo list state should be saved and loaded from local storage.<\/li>\n\n\n\n
- Checked items should sink to the bottom of the list automatically<\/li>\n<\/ol>\n\n\n\n
Stretch Goals<\/h4>\n\n\n\n\n- Allow todos to be deleted. When you hover your mouse over a todo, an X should appear on the far right side, clicking the X should remove it from the list.<\/li>\n\n\n\n
- Add hidden timestamps to todos (
created_at<\/code>, completed_at<\/code>), these will be used for sorting<\/li>\n\n\n\n- The active todos should be sorted by
created_at<\/code> descending<\/li>\n\n\n\n- The completed todos should be sorted by
completed_at<\/code> ascending<\/li>\n<\/ol>\n\n\n\n\t