https://github.com/mzaintariqdev/angular-kanban
https://github.com/mzaintariqdev/angular-kanban
angular angular-material angularcdk
Last synced: about 3 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/mzaintariqdev/angular-kanban
- Owner: mzaintariqdev
- Created: 2026-06-09T09:55:25.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-06-11T10:25:33.000Z (29 days ago)
- Last Synced: 2026-06-11T12:08:11.930Z (29 days ago)
- Topics: angular, angular-material, angularcdk
- Language: TypeScript
- Homepage: https://smart-task-kanban.netlify.app/
- Size: 110 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📌 Kanban Task Manager
A modern **Kanban-style task management application** inspired by tools like Trello and Notion.
It allows users to create boards, organize tasks into columns, and manage work with a smooth drag-and-drop interface.
Can be accessed from here https://smart-task-kanban.netlify.app/
---
## 🚀 Overview
This application allows users to:
- Create and manage multiple **boards** (projects/workspaces)
- Organize tasks inside **Kanban columns**
- Add, edit, and delete tasks
- Drag & drop tasks between columns
- Manage board structure dynamically
- Search and paginate boards
- Persist data across browser sessions
---
## 🧠 Tech Stack
### 🎨 Frontend
- Angular – Standalone component architecture
- Angular Signals – Reactive state management
- Angular Material – UI components (dialogs, buttons, icons)
- Angular CDK – Drag & Drop functionality
- TypeScript – Strongly typed logic
---
## ⚙️ State Management
- Custom service-based architecture (`BoardService`, `KanbanService`)
- Angular Signals (`signal`, `computed`)
- LocalStorage for data persistence
---
## 💾 Data Storage
The application currently uses **browser LocalStorage** to store:
- Boards
- Columns
- Tasks
This ensures data remains available even after page refresh.
---
## 🎯 Features
- 📋 Multiple Kanban boards
- 🧩 Dynamic column management
- ✅ Full CRUD for tasks
- 🔀 Drag & drop task movement
- 🔍 Search boards
- 📄 Pagination
- 💾 Persistent local storage
- 📱 Responsive UI
---
## 📌 Project Goal
A clean and interactive **Kanban task management system** built using Angular, demonstrating modern frontend architecture, reusable components, and reactive state management.
---
## 🚀 Status
- Frontend application fully functional