Svelte To Do

• To do list

  • Create new items

  • Mark an item as completed

  • Edit item

    • enter edit mode
    • exit edit mode
    • test if the item text is changing on blur

  • Delete items

    • Fire delete event from Item
    • add delete button
    • handle event on App

  • Active Item counter

    • Create counter
    • hide counter for items == 0
    • update counter on item checked
      • refactor the binds to use events instead
        • done
        • text

  • Filter items by status

    • new filter (radio buttons)
      • all
      • complete
      • done
    • filter items by status

  • fix items behavior after filtering.

    • the items are not properly showing the "done" state in the checkbox after we change the filters.

  • refactor filter functionality.

    • use the radio button values to set the filter to be used
    • validate the filter name before setting ?

  • Refactor app to use the store ?

  • Use lifecycle hooks to load the initial state of the item?

  • Clear completed items

    • when there is at least one completed item show the Clear Complete button.
    • when clicking the button, delete all complete items from the list.

  • refactor todo item to fire events instead of using binds?

FOR NEXT SESSION: