How sahniaditya007/todo-app works
TaskFlow is a browser-based todo app. Users register on the landing page, which validates age and saves a profile before sending them to task management. There they can add tasks, move them among Todo, Completed, and Archived, and see counts and modification times; task data persists locally, with initial tasks fetched when none exist. The graph reflects README capabilities as well as sampled JavaScript. The main HTML files and CSS are represented from the tree and documentation; unsampled page wiring is not inferred.
Main entry points: todo-app.js Task Controller · app.html Task Page · app.js Registration Logic · index.html Registration Page
Components 13
Registration
- Registration Page
index.html - Registration Logic
js/app.js
Task Management
- Task Page
app.html - Task Controller
js/todo-app.js - Todo Stage
app.html - Completed Stage
app.html - Archived Stage
app.html - Stage Counters
js/todo-app.js - Responsive Styling
styles/main.css
Persistence
- Browser Storage
External Services
- DummyJSON Tasks
- UI Avatars
Other components
- User
Connections 14
- User → Registration Page: registers on
- Registration Page → Registration Logic: submits form
- Registration Logic → Browser Storage: saves profile
- Registration Logic → Task Page: redirects to
- User → Task Page: manages tasks
- Task Page → Task Controller: hosts
- Task Controller → Browser Storage: loads and saves
- Task Controller → DummyJSON Tasks: fetches initial tasks
- Task Controller → UI Avatars: requests avatar
- Task Controller → Todo Stage: renders tasks
- Task Controller → Completed Stage: renders tasks
- Task Controller → Archived Stage: renders tasks
- Task Controller → Stage Counters: updates counts
- Task Page → Responsive Styling: styled by