Saatnya membangun proyek mini menggunakan konsep yang sudah dipelajari!

Spesifikasi: Todo App

Buat aplikasi Todo sederhana dengan fitur:

• Tambah todo baru
• Tandai todo selesai/belum
• Hapus todo
• Counter todo yang belum selesai

Konsep yang Digunakan

• Reactive state (let)
• {#each} untuk list
• {#if} untuk conditional
• on:click dan on:submit
• bind:value untuk input
• $: untuk derived value (counter)

Struktur Dasar

<script>
  let todos = []
  let input = ""

  $: remaining = todos.filter(t => !t.done).length

  function addTodo() {
    if (!input.trim()) return
    todos = [...todos, { id: Date.now(), text: input, done: false }]
    input = ""
  }
</script>