Interaktives Projektmanagement-Board (Trello-ähnlich)

Erstelle ein interaktives Projektmanagement-Board, ähnlich wie ein einfaches Trello, aufgebaut mit HTML, CSS und JavaScript für rein clientseitige Funktionalität und ohne Backend. Dieses Board soll vier klar definierte vertikale Spalten enthalten: „To Do", „In Progress", „Under Review" und „Completed". Beginne mit einigen Beispiel-Rechteck-Taskkarten in der Spalte „To Do". Die primäre Interaktion besteht darin, dass Aufgaben zwischen Spalten verschoben werden. Wenn ein Benutzer auf eine Taskkarte klickt, soll sie visuell am Ende der nächsten sequenziellen Spalte übertragen werden, von „To Do" bis hin zu „Completed". Wenn eine Taskkarte in der Spalte „Completed" erneut angeklickt wird, soll sich ihr Erscheinungsbild ändern, um anzuzeigen, dass sie abgeschlossen ist, zum Beispiel durch Hinzufügen eines Durchstreichens zu ihrem Text. Erwäge, einen „+ Add Task"-Button einzufügen, der es Benutzern ermöglicht, eine neue generische Taskkarte zur Spalte „To Do" hinzuzufügen.