Kanban board drag-and-drop

February 20, 2024

A simple implementation of a kanban board with smooth drag-and-drop for individual cards. The card's shadow animates by increasing in opacity when an object is clicked/dragged, and objects on the board move responsively to the cursor.

As a card is hovered in between two cards, the cards responsively move with indication of the dragged card placement. The unit value for each column is updated after.

Semesters

Edit Semesters

Display

Draft 1

Draft 2

Draft 3

Fall 2021

12

UGBA 10

4 Units

Elective

R1B

4 Units

Breadth

Transfer

Add Class

Spring 2022

14

ANTHRO R5B

3 Units

Elective

Graded

MUSIC 26AC

3 Units

Breadth

POL SCI 1

4 Units

Breadth

SOCIOL 166

4 Units

Breadth

Add Class

CS 61A

4 Units

Major

Fall 2022

12

SOCIOL 141

4 Units

Elective

P/NP

HISTORY 7A

4 Units

Breadth

CS 61B

4 Units

Major

Add Class

Spring 2023

11

CS 61C

4 Units

Major

ECON 115

3 Units

Elective

CHEM 1A

4 Units

Breadth

Add Class

HUMAN INTERFACE

Web interface

Berkeleytime

GradTrak

Typography

Marqeta

SSO Forms

Bulk-Add /Users

PropertyGuru

Notifications

Web

HUMAN INTERFACE

Web interface

Berkeleytime

GradTrak

Typography

Marqeta

SSO Forms

Bulk-Add /Users

PropertyGuru

Notifications

Web