Skip to content

mayank-207/to-do

Repository files navigation

Kanban To-Do App

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.


🚀 Features

Kanban Workflow

  • Dynamic board layout with draggable pipelines.
  • Drag-and-drop task movement across categories.
  • Real-time updates, persisted via localStorage.

Board Management

  • 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.

Category (Pipeline) Management

  • Full CRUD lifecycle for pipelines.
  • Reordering support for prioritization.
  • Safe task handling on category deletion.

Task Capabilities

  • Add, edit, and view task details.
  • Fields include: title, description, dueDate, categoryId, and boardId.
  • Clean, structured layouts designed for clarity and execution.

📦 Tech Stack

  • Frontend: React + TypeScript + Tailwind\
  • DnD: @dnd-kit or react-beautiful-dnd\
  • State & Persistence: localStorage

🧱 Data Structure (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"
        }
      ]
    }
  ]
}

🛠️ Getting Started

Install Dependencies

npm install

Run the App

npm run dev

Build for Production

npm run build

🌱 Seed Data

The application initializes with basic categories and tasks if localStorage is empty, ensuring smooth onboarding.


📌 Roadmap

  • User authentication\
  • Board sharing\
  • Color tagging\
  • Throughput and analytics dashboard

🤝 Contributing

Pull requests are welcome. For major changes, open an issue first to ensure alignment.


📄 License

MIT License

About

A lightweight, localStorage-powered Kanban productivity app enabling multi-board management, task organization, and drag-and-drop workflows. Built to streamline task execution with customizable pipelines, rich task details, and full in-browser persistence.

Topics

Resources

Stars

Watchers

Forks

Contributors