How athus27/linketinderfrontend works
This is a browser-based ToDo board with ToDo, Doing, and Done stages, task editing and movement, due dates, and alarms. The main workflow is that the browser entry point loads saved tasks, renders the board, handles user actions through the task and board models, and persists changes in local storage. Alarm checks run periodically and display due alarms. The source excerpts show this control flow; the tree and SOURCE INDEX identify the main UI, model, and helper modules.
Main entry points: script.js App Entry · task.js Task Actions · BoardModel.js Board Model · TaskModel.js Task Model
Components 12
Board UI
- Header
components/ui/Header.js - Board View
components/Board.js - Task Card
components/TaskCard.js
Application
- App Entry
script.js - Task Actions
scripts/task.js
Task Domain
- Board Model
models/BoardModel.js - Task Model
models/TaskModel.js - Alarm Model
models/AlarmModel.js
Storage and Alarms
- Board Storage
scripts/storage.js - Browser Storage
- Alarm Checker
scripts/alarm.js
Other components
- User
Connections 18
- User → App Entry: uses
script.js - App Entry → Header: renders
script.js - App Entry → Board View: renders
script.js - Board View → Task Card: renders
components/Board.js - App Entry → Board Model: manages
script.js - App Entry → Board Storage: loads and saves
script.js - Board Storage → Browser Storage: reads and writes
scripts/storage.js - App Entry → Task Model: restores tasks
script.js - App Entry → Task Actions: handles task actions
script.js - Task Actions → Task Model: creates tasks
scripts/task.js - Task Actions → Board Model: adds tasks
scripts/task.js - Task Actions → Board Storage: saves tasks
scripts/task.js - Board Model → Task Model: updates task state
models/BoardModel.js - Task Model → Alarm Model: creates alarms
models/TaskModel.js - App Entry → Alarm Model: creates alarms
script.js - App Entry → Alarm Checker: checks due alarms
script.js - Alarm Checker → Board Model: reads tasks
scripts/alarm.js - App Entry → User: shows alarm alerts
script.js