Page: TaskFlowBoard.jsx ( have to create it in the pages folder where all other pages exist)
Description:
Create a Trello-style board that allows users to visually manage tasks using React Flow.
The board should support draggable nodes representing tasks, connected by edges to indicate dependencies or workflow.
This feature will help users visualize task progression and relationships in a dynamic, node-based interface.
Acceptance Criteria:
Integrate React Flow to display draggable task nodes.
Allow users to add, edit, and delete tasks dynamically.
Implement drag-and-drop reordering and repositioning of nodes.
Add connections (edges) between related tasks.
Store board state in React state or localStorage.
Include zoom and pan controls for better usability.
Ensure a responsive layout with clear node styling (title, status, priority)
Page: TaskFlowBoard.jsx ( have to create it in the pages folder where all other pages exist)
Description:
Create a Trello-style board that allows users to visually manage tasks using React Flow.
The board should support draggable nodes representing tasks, connected by edges to indicate dependencies or workflow.
This feature will help users visualize task progression and relationships in a dynamic, node-based interface.
Acceptance Criteria:
Integrate React Flow to display draggable task nodes.
Allow users to add, edit, and delete tasks dynamically.
Implement drag-and-drop reordering and repositioning of nodes.
Add connections (edges) between related tasks.
Store board state in React state or localStorage.
Include zoom and pan controls for better usability.
Ensure a responsive layout with clear node styling (title, status, priority)