# Kanban Task Manager - Angular 17

> Imagine managing your tasks with a sleek, drag-and-drop Kanban board. This dynamic Angular 17 application lets you organize tasks across Backlog, In Progress, and Completed stages. Built in just 2 days, it showcases Angular’s latest features for a modern, responsive UI and includes local storage for simplicity and privacy.

- **Author:** Keshav Lingala (Senior Software Engineer) — https://keshav.codes
- **Published:** April 2024
- **Project page:** https://keshav.codes/mylocaltask/ (screenshots and diagrams are on that page)
- **Tech:** HTML, CSS, Angular, Typescript, Firebase, Github Actions
- **Live demo:** https://mylocaltask.web.app
- **Source:** https://github.com/keshavlingala/mylocaltask
- **Topics:** Angular 17, Kanban, Drag and Drop, Angular Material, Typescript, 2 Day Project, keshavlingala, Keshav Lingala, Keshav Reddy, Keshav Reddy Lingala, Lingala Keshav Reddy, Keshav

---

> This project later evolved into [SheetBoard](/sheetboard) — the same drag-and-drop board, re-engineered in React with each board backed by a Google Sheet instead of browser local storage.

### Key Features

- Built on Angular 17, using its latest features for a modern, responsive UI
- Angular CDK Drag and Drop for smooth task management
- Database-free architecture — tasks are stored locally in the browser, keeping data private
- Intuitive task creation, updating, and deletion

### Technologies Used

- Angular 17 (standalone components, custom directives)
- Angular Material (Dialog, Snackbar, Icons, Buttons, Cards, Tooltips, CDK Drag and Drop)
- HTML5 / SCSS
- TypeScript
- Local Storage
- GitHub Actions for CI/CD
- Firebase Hosting

> What makes this project unique? It was built purely for fun over just 2 days, showcasing how quickly Angular 17 can deliver an efficient, enjoyable web app.

> I wanted my own task-management tool that was simple, intuitive, and visually appealing. This project let me experiment with Angular 17's latest features and build something genuinely pleasant to use every day.

# Screenshots

### Home Screen

Create, update, and delete tasks in a Kanban-style layout — complete with a trash bin for deleted tasks and the ability to export tasks as a JSON file.

*Figure: Home Screen*

### Trash Screen

Recover deleted tasks or remove them permanently.

*Figure: Trash Screen*

### Drag and Drop

Organize tasks across stages with drag-and-drop.

*Figure: Drag and Drop Screen*

> Use the demo button below to try it now. You can also view the source code on GitHub.

---

From the project archive of Keshav Lingala — https://keshav.codes. Machine-readable index: https://keshav.codes/llms.txt