How tuhuramaliklimu-debug/to_do_webpage works
TASKLY is a browser-based to-do app. Users add, edit, complete, and delete tasks; search and filter the task list; view all filtered tasks in a modal; and see task counts. The script persists task data in browser local storage. The README documents screenshots but no further capabilities; the sampled JavaScript is partial, so the graph includes only evidenced interactions.
Main entry points: index.html Task controls · script.js List and stats rendering · style.css Page styles
Components 10
User interface
- App page
index.html - Page styles
style.css - Task controls
index.html
Task workflows
- Task operations
script.js - Search and filter
script.js - List and stats rendering
script.js - All-tasks modal
script.js
Persistence
- Task persistence
script.js - Browser local storage
Other components
- User
Connections 11
- User → Task controls: interacts with
- Task controls → Task operations: triggers task actions
- Task controls → Search and filter: sets query and filter
- Task operations → Task persistence: saves task changes
- Task operations → List and stats rendering: requests render
- Search and filter → List and stats rendering: requests render
- List and stats rendering → Task controls: updates lists and counts
- Task controls → All-tasks modal: opens and closes
- All-tasks modal → List and stats rendering: displays filtered tasks
- Task persistence → Browser local storage: reads and writes tasks
- App page → Page styles: uses