A lightweight, localStorage-powered Kanban productivity platform enabling multi-board management, task organization, and drag-and-drop execution workflows. The solution is designed to streamline task operations with configurable pipelines, detailed task views, and full in-browser persistence.
- Dynamic board layout with draggable pipelines.
- Drag-and-drop task movement across categories.
- Real-time updates, persisted via localStorage.
- Create, rename, delete, and switch between multiple boards.
- Each board contains its own pipelines and tasks.
- Flexible board architecture for personal and project-based workstreams.
- Full CRUD lifecycle for pipelines.
- Reordering support for prioritization.
- Safe task handling on category deletion.
- Add, edit, and view task details.
- Fields include:
title,description,dueDate,categoryId, andboardId. - Clean, structured layouts designed for clarity and execution.
- Frontend: React + TypeScript + Tailwind\
- DnD:
@dnd-kitorreact-beautiful-dnd\ - State & Persistence: localStorage
{
"boards": [
{
"id": "uuid",
"title": "Work Board",
"categories": [
{ "id": "uuid", "title": "Todo", "order": 1 }
],
"tasks": [
{
"id": "uuid",
"title": "Design Landing Page",
"description": "Create wireframes",
"dueDate": "2025-06-10",
"categoryId": "uuid",
"boardId": "uuid"
}
]
}
]
}npm installnpm run devnpm run buildThe application initializes with basic categories and tasks if localStorage is empty, ensuring smooth onboarding.
- User authentication\
- Board sharing\
- Color tagging\
- Throughput and analytics dashboard
Pull requests are welcome. For major changes, open an issue first to ensure alignment.
MIT License