$cd ../projects/task-master

# Execute launch sequence

$./launch_preview.sh --task-master

A collaborative Kanban-style task management tool for teams with drag-and-drop boards, real-time sync, priority labels, due date tracking, and team activity feeds.

Angular 17
TypeScript
RxJS
NgRx
Angular Material
Socket.io
+3 more
1{
2 "name": "Task Manager App",
3 "slug": "task-master",
4 "category": "Productivity",
5 "year": "2023",
6 "status": "Live",
7 "featured": false,
8 "tech": [
9 "Angular 17",
10 "TypeScript",
11 "RxJS",
12 "NgRx"
13 ]
14}

Task Master

Modern project management with Kanban boards and real-time collaboration.

Board Features

Kanban Workflow

  • Customizable columns (To Do, In Progress, Review, Done)
  • Drag-and-drop task cards with visual feedback
  • Column limits and WIP indicators
  • Swimlanes for team members

Task Cards

  • Priority labels (High, Medium, Low) with colors
  • Due dates with calendar picker
  • Assignee avatars with online status
  • Progress indicators and checklists
  • File attachments and comments

Team Collaboration

  • Real-time updates via WebSockets
  • Activity feed with timestamps
  • @mentions and notifications
  • Team workload view

Tech Stack

  • Framework: Angular 17 with standalone components
  • State: NgRx with effects for async
  • Reactive: RxJS operators for real-time
  • UI: Angular Material with custom theming
  • Backend: Firebase Realtime Database

Performance

  • 60fps drag animations
  • Optimistic UI updates
  • Offline-first with sync queue
main*
Markdown