How mariajuliasales/todo-list works
Todo List supports personal task creation, editing, deletion, status changes, search and filters, status counters, form validation, and a responsive web interface. The frontend’s browser workflow is coordinated by main.js and persists through LocalStorage. The Java backend is a separate console application: the sampled code shows no connection between it and the frontend. Unsampled UI modules are included only where the tree and README support their role; their internal wiring is not inferred.
Main entry points: main.js Workflow coordinator · taskList.js Task list and counters · index.html Web page · taskForm.js Task form
Components 18
Web workflow
- Workflow coordinator
frontend/js/main.js
User interface
- Web page
frontend/index.html - Task form
frontend/js/ui/taskForm.js - Modal controls
frontend/js/ui/modal.js - Search and filters
frontend/js/ui/filters.js - Task list and counters
frontend/js/ui/taskList.js - Display formatting
frontend/js/utils/format.js - Responsive styling
frontend/css/responsive.css
Frontend data
- Task validation
frontend/js/models/task.js - Task operations
frontend/js/services/taskService.js - Task repository
frontend/js/services/taskRepository.js - Browser LocalStorage
Java console
- Console menu
backend/src/main/java/Main.java - Task service
backend/src/main/java/service/TarefaService.java - Task model
backend/src/main/java/model/Tarefa.java - Task statuses
backend/src/main/java/model/StatusEnum.java
Other components
- User
- Console user
Connections 19
- User → Web page: uses
- Web page → Workflow coordinator: loads
- Workflow coordinator → Task form: reads form
- Workflow coordinator → Task validation: validates
- Workflow coordinator → Task operations: requests tasks
- Workflow coordinator → Search and filters: reads filters
- Workflow coordinator → Task list and counters: renders results
- Workflow coordinator → Modal controls: controls modal
- Task form → Workflow coordinator: submits data
- Search and filters → Workflow coordinator: signals changes
- Task list and counters → Workflow coordinator: dispatches actions
- Task list and counters → Display formatting: formats display
- Task operations → Task repository: delegates storage
- Task repository → Browser LocalStorage: reads and writes
- User → Responsive styling: views layout
- Console user → Console menu: uses
- Console menu → Task service: invokes operations
- Task service → Task model: creates and updates
- Task model → Task statuses: uses enum