ViteToolsViteTools

To-Do List

Create, organize, and manage your tasks with a free online to-do list. Add priorities, track progress, and stay productive.

No tasks yet. Add one above!

How to Use This To-Do List

  1. Type a task into the input field and press Enter or click "Add Task"
  2. The new task appears at the top of your list, above older tasks
  3. Click the checkbox next to a task to mark it complete (it gets a strikethrough style)
  4. Use the All, Active, or Completed filter tabs to narrow which tasks are shown
  5. Click the X button on any task to delete it permanently
  6. Click "Clear completed" to remove every finished task from the list in one action

Formula & How It Works

New task placement

tasks = [newTask, ...existingTasks]

Every task you add is inserted at the front of the list (unshift), so your most recently created task is always shown first.

Filter logic

visibleTasks = tasks.filter(t => filter === "active" ? !t.done : filter === "completed" ? t.done : true)

The Active tab shows only unfinished tasks, the Completed tab shows only finished tasks, and the All tab shows every task regardless of status.

Summary counts

active = count(done = false), completed = count(done = true), total = active + completed

The Active, Completed, and Total figures in the summary bar are recalculated live from the current task list every time a task is added, checked, or removed.

Practical Examples & Common Use Cases

Planning a workday

Add "Reply to emails", "Finish quarterly report", and "Call the dentist" one after another. Because new tasks are added to the top, "Call the dentist" appears first, followed by the report, then emails.

Focusing on what is left

After marking "Reply to emails" as done, click the "Active" filter tab to hide it and see only "Finish quarterly report" and "Call the dentist" — the tasks still requiring attention.

Cleaning up after a productive day

Once you have checked off five completed tasks throughout the day, click "Clear completed" once to remove all five at the same time, leaving only the tasks still in progress.

Frequently Asked Questions

No. This to-do list runs entirely in your browser. Your tasks are stored in memory only and will be cleared when you close or refresh the page. No data is sent to any server.

There is no limit. You can add as many tasks as you need. The list is designed to handle hundreds of items without slowing down.

New tasks are added to the top of the list. You can use the filter tabs to switch between All, Active, and Completed views to focus on what matters most.

Related Tools

Pomodoro Timer

A free online Pomodoro timer to boost your focus and productivity. Work in timed intervals with short breaks to stay sharp.

Productivity Tools

Grocery List

Create and manage your grocery shopping list online. Add items, set quantities, check off purchased items, and stay organized at the store.

Productivity Tools