← Back
Projects
Kanban Board App
Real-time collaborative Kanban board with auth, roles, and drag-and-drop.
Context
Built as a collaboration-focused Kanban tool to explore real-time workflows, access control, and complex drag-and-drop interactions.
Role
Frontend Developer
Stack
- Next.js App Router
- React
- TypeScript
- Redux Toolkit / RTK Query
- Firebase Auth + Firestore
- dnd-kit
- shadcn/ui
- Vitest
Challenges
- Managing complex drag-and-drop state across columns with real-time updates.
- Keeping the UI responsive while syncing with Firestore listeners.
- Defining roles and protecting operations for collaboration.
Approach
- Implemented boards/columns/cards CRUD with optimistic UI updates and Firestore listeners.
- Added collaboration controls (owner/editor/viewer), email invites, and protected operations via Firebase Admin SDK.
- Tested core logic with Vitest, including Firestore rules via emulator.
Outcome
Delivered a responsive, accessible board with a clear collaboration model and stable real-time sync.