@StevenKelly03/flow-board

A reusable Svelte task board component designed for Self-Regulated Learning (SRL) workflows using Flow-based feedback.

Installation

Install using the full Git URL including the subdirectory path:
npm i git+https://github.com/StevenKelly03/RWM_2025_P2_Steven_Kelly.git#SRL_Project/Task_Board_App/packages/flow-board

Usage

Props

| Prop | Type | Description |
|------|------|-------------|
| tasks | Task[] | Array of tasks displayed on the board. |

Events

| Event | Payload | Description |
|--------|---------|-------------|
| change | Task[] | Fired after any task or subtask modification. |

Types

export type SubTask = {
id: number;
text: string;
status: 'Done' | 'To-Do';
};
export type Task = {
id: number;
title: string;
startDate: string;
dueDate: string;
subtasks: SubTask[];
color: string;
showTestTasks: boolean;
isComplete: boolean;
notes: string;
};

Features

- Flow Score based on task load, deadlines, and subtask progress.
- Storm Mode visual feedback when Flow Score drops below 50%.
- Suitable for authenticated SvelteKit routes with per-user API-based persistence.