Live Interactive Demo Model
To-Do List with Filters
A full To-Do app with status categories (Upcoming, In Progress, Done, Deleted) that saves tasks locally.
To Do List
UPCOMING0
No tasks in this category.
INPROGRESS0
No tasks in this category.
COMPLETED0
No tasks in this category.
DELETED0
No tasks in this category.
Acceptance Criteria
Adding and removing items from array state
Saving and loading data with localStorage
Filtering arrays based on active tab
Target APIs & Concepts
Array StatelocalStorageForm Events
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!