How eubastosdev/gerenciador_de_tarefas works
This is a small React task manager. Users add tasks, toggle completion, delete tasks, and open a task detail page; the app keeps task state in the root component and persists it in browser localStorage. The router selects the list or detail page, with task details passed through query parameters. The README also documents these capabilities. Relationships below are limited to the shown imports, callback wiring, navigation, and storage behavior; the sample API-fetch code is disabled and is not part of the active workflow.
Main entry points: App.jsx Task state and actions · Tasks.jsx Task list · AddTask.jsx Add task form · TaskPage.jsx Task details page
Components 10
Task workflow
- Task state and actions
src/App.jsx - Add task form
src/components/AddTask.jsx - Task list
src/components/Tasks.jsx - Browser localStorage
Pages and navigation
- Route setup
src/main.jsx - Task details page
src/pages/TaskPage.jsx
Reusable interface
- Text input
src/components/Input.jsx - Action button
src/components/Button.jsx - Page title
src/components/Title.jsx
Other components
- User
Connections 13
- User → Add task form: enters task
src/components/AddTask.jsx - Add task form → Text input: renders
src/components/AddTask.jsx - Add task form → Task state and actions: submits task
src/App.jsx - Task state and actions → Task list: passes task state
src/App.jsx - Task list → Task state and actions: invokes task actions
src/App.jsx - Task list → Action button: renders actions
src/components/Tasks.jsx - Task state and actions → Page title: renders
src/App.jsx - Task list → Task details page: navigates with details
src/components/Tasks.jsx - Route setup → Task state and actions: routes list page
src/main.jsx - Route setup → Task details page: routes detail page
src/main.jsx - Task details page → Page title: renders
src/pages/TaskPage.jsx - Task state and actions → Browser localStorage: loads and saves tasks
src/App.jsx - User → Task list: toggles or deletes
src/components/Tasks.jsx