How daniyalahmed3399-droid/todo-app works
This is a small, client-side Todo app: users can add tasks, view and toggle or delete them, and see total, completed, and pending counts. The app keeps todos in shared React context state, so the data is in memory rather than persisted. The graph follows the app entry point, route layout, page actions, and state access shown in sampled source; no external services are indicated.
Main entry points: App.jsx App routes · AddTodo.jsx Add todo · Todos.jsx Todo list · TodoContext.jsx Todo context
Components 8
App shell
- React entry
src/main.jsx - App routes
src/App.jsx - Navigation
src/components/NavBar.jsx
Todo workflows
Shared state
- Todo context
src/context/TodoContext.jsx
Other components
- User
Connections 15
- User → React entry: opens app
- React entry → App routes: renders
- App routes → Navigation: renders
- App routes → Dashboard: routes to
- App routes → Add todo: routes to
- App routes → Todo list: routes to
- User → Navigation: selects links
- User → Dashboard: views counts
- User → Add todo: enters todo
- User → Todo list: manages todos
- React entry → Todo context: provides state
- Dashboard → Todo context: reads todos
- Add todo → Todo context: adds todo
- Todo list → Todo context: reads and updates
- Add todo → Todo list: navigates after add