// Project
Kanban Board
Kanban Board is a drag-and-drop task manager where teams can create boards, add and reorder tasks by status, and authenticate to keep every change persisted.
Full-stack board — auth, persisted state, and drag-and-drop
// Problem
Kanban lists are the classic "I'll write it on a sticky note" workflow — but most clone tutorials ship a static board where tasks vanish on refresh and anything beyond the happy path is unauthenticated demo data.
// Approach
Build the board as a real full-stack app: React + TypeScript on the front, a backend API with a database behind it, and authentication so each user's tasks survive reloads and logins. Drag-and-drop stays native through React DND so reordering feels immediate rather than simulated.
// Key Decisions
- React DND powers the drag interactions — chosen over a CSS-only hack because task movement needs a real drag preview and accessible drop targets.
- A backend API + database (rather than localStorage) so boards persist across sessions and devices, gated behind auth.
- Tailwind for consistent component styling so the UI stays a design-system rather than one-off classes.
// Outcome
A working product, not a demo: users authenticate, then add, drag, reorder, and delete tasks across board columns with state that persists server-side on every refresh.
// What I'd Improve Next
- Replace the full-page reloads implied by task actions with optimistic updates so saves feel instant.
- Add keyboard-first reordering (arrow keys + screen-reader announcements) so the board meets WCAG 2.1 AA, matching the through-UI experience.
- Add jest/Playwright coverage for board state transitions before shipping to more users.