How durvanalawade746-creator/sct_wd_4 works
TaskBloom is a browser-based to-do and productivity app. Users navigate task views, search or filter tasks, create and edit tasks, and see the updated task list; task and list data plus settings are persisted in browser storage. The supplied excerpt also shows theme controls, toast feedback, and JSON backup export. The README is empty and app.js is partial, so the graph focuses on evidenced responsibilities and omits uncertain wiring for unsampled features.
Main entry points: app.js App controller · index.html App page · styles.css Page styles
Components 12
App interface
- App page
index.html - Page styles
styles.css - Toast feedback
app.js - Theme settings
app.js
Task workflows
- App controller
app.js - Task actions
app.js - List actions
app.js - Task views
app.js
State and persistence
- App state
app.js - Browser storage
- JSON backup
app.js
Other components
- User
Connections 19
- User → App page: uses
- User → App controller: triggers controls
- App controller → App page: binds DOM
- Page styles → App page: styles
- App controller → App state: initializes
- App controller → Task views: renders
- Task views → App state: reads tasks and lists
- App controller → Task actions: dispatches task actions
- App controller → List actions: dispatches list actions
- Task actions → App state: updates tasks
- List actions → App state: updates lists
- App controller → Theme settings: toggles theme
- Theme settings → App state: updates settings
- App controller → Toast feedback: shows messages
- Task actions → Toast feedback: reports actions
- App controller → Browser storage: loads and saves
- App state → Browser storage: persists state
- App controller → JSON backup: exports data
- JSON backup → User: downloads JSON