A lightweight, fully-featured Kanban board built with React + Vite + TypeScript.
- Unlimited columns and tasks
- Priority levels — High, Medium, Low, None
- Due dates with overdue highlighting
- Search and priority filtering
- Drag & drop task reordering across columns
- Move task via dropdown menu
- Light / Dark theme with localStorage persistence
- Auto-saves to
localStorage— no backend needed - Responsive (mobile-friendly)
# Install dependencies
npm install
# Start dev server
npm run dev
# Build for production
npm run build
# Preview production build
npm run previewsrc/
├── types/kanban.ts # Types, constants & utilities
├── styles/globalCss.ts # Runtime CSS injection
├── components/kanban/
│ ├── Icons.tsx
│ ├── Modal.tsx
│ ├── Toast.tsx
│ ├── ColorPicker.tsx
│ ├── PriorityPicker.tsx
│ ├── TaskForm.tsx
│ ├── ColForm.tsx
│ ├── MoveDropdown.tsx
│ ├── TaskCard.tsx
│ ├── KanbanColumn.tsx
│ ├── Header.tsx
│ └── Toolbar.tsx
└── pages/
├── Index.tsx # Main board (orchestrator)
└── NotFound.tsx # 404 page
Built by Shourya Parashar