developer-job-simulation / react-kanban-board Goto Github PK

What you need to do

Implement the functionality to send any changes made to the tasks to the server. Currently, the application doesn't send the changes made to the tasks, such as moving a task from one column to another, to the server.

Expected behavior

Any changes made to the tasks in the application, such as moving a task from one column to another, should be sent to the server and stored there. The changes should persist even after the application is closed and reopened.

Before:

b.mov

After:

a.mov

What you need to do

Implement handleTaskDragStart, handleTaskDragOver, handleTaskDrop, and handleTaskDragEnd to handle the drag-and-drop events.

The application currently does not handle these events, which are necessary for the drag and drop functionality of the tasks. They can be found between lines 24-48 of App.tsx.

Before:

before2.mov

After:

after2.mov

Subtask 2.1

Make sure the application doesn't incorrectly show duplicate tasks when dragged over themselves.

The application may display a duplicate of the task when a task is dragged over itself. Make sure this doesnt happen.

Before:

b.mov

After:

a.mov

Subtask 2.2

Make sure the application doesn't leave a lingering task when dragged over a column but dropped elsewhere.

If a task is dragged over a column but is dropped elsewhere, the application should not leave a copy of the task in the column.

Before:

b.mov

After:

a.mov

Subtask 2.3

Make sure the application doesn't delete a task that is dragged over its current column.

A task should not be deleted when it is dragged over its current column.

Before:

b.mov

After:

a.mov

What You Need to Do

Implement the task fetching functionality from the server. Currently, the application doesn't fetch the tasks from the server. This leads to no tasks being displayed in the application.

1. Look at ./src/api/index.tsx, and implement fetchKanbanTasks
2. Call this function from the useEffect in App.tsx

Expected Behavior

The application should fetch and display all the tasks from the server when it starts. All the tasks stored on the server should be visible in the application.

Before:

After: