NEOLEARN

React Todo List Challenge

Junior

Description

    Test your knowledge of React and object-oriented programming.

Tasks

  • Given starter code with a styled todo list that supports adding tasks, your goal is to add functionality to toggle the 'checked' state by clicking on a todo item.
  • Implement the ability to save and load the todo list state from local storage.
  • Ensure that checked items automatically sink to the bottom of the list.

Stretch Goals

  • Allow todo items to be deleted by adding an 'X' button when hovering over a todo item. Clicking 'X' should remove it from the list.
  • Add timestamps to todo items (created_at, completed_at) for sorting purposes. Active todos should be sorted by created_at (descending), and completed todos should be sorted by completed_at (ascending).