Day 5: Week 7 Mini-Project: Persistent Filtered To-Do App
Daily Objective
Section titled “Daily Objective”Combine form validation, DOM manipulation, and localStorage into a persistent To-Do application.
Week 7 Mini-Project: Persistent Filtered To-Do App
Section titled “Week 7 Mini-Project: Persistent Filtered To-Do App”Project Requirements:
- Persistence: All tasks are stored in
localStorageas an array of objects ({ id, text, completed, createdAt }). - Reload Support: When the page reloads, existing tasks are retrieved and drawn onto the screen.
- Filtering: Include filter buttons (“All”, “Pending”, “Completed”) to filter displayed items.
- Validation: Prevent empty or whitespace-only submissions with a visual warning.