← Back to Projects // ANGULAR + TYPESCRIPT

Quantum Task Manager

A full-featured task management app built with Angular patterns. Drag and drop between columns, filter by priority, and persist to localStorage.

// Angular Component with TypeScript
@Component({
  selector: 'app-task-board',
  templateUrl: './task-board.component.html',
})
export class TaskBoardComponent implements OnInit {
  columns: Column[] = ['Todo', 'In Progress', 'Done'];
  tasks: Task[] = [];

  drop(event: CdkDragDrop<Task[]>) {
    if (event.previousContainer === event.container) {
      moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
    } else {
      transferArrayItem(event.previousContainer.data, event.container.data,
        event.previousIndex, event.currentIndex);
    }
    this.saveToStorage();
  }
}
                