Clarizen
A gesture-driven React Native Kanban board that brought Clarizen’s work-management experience to both mobile platforms.
- Client
- Clarizen
- Year
- 2020
- Disciplines
- Mobile
- Role
- We delivered senior React Native engineering for the cross-platform Kanban-board refactor.
The problem
A Kanban board depends on direct manipulation: cards must feel attached to a finger, columns must remain legible and every move must preserve the underlying work state. Clarizen needed that interaction to behave consistently across iOS and Android rather than feeling like a desktop board compressed onto a phone.
The approach
We refactored the draggable board as a cross-platform React Native experience. Advanced motion was implemented with React Native Reanimated and Gesture Handler, while Redux kept board state predictable as cards moved between positions and columns. Unit tests protected the underlying behaviour as the interaction model evolved.
The outcome
We delivered one mobile Kanban interaction model for both operating systems, combining responsive gestures with a state architecture the product team could continue to extend. Complex animation work was isolated from board data, making the experience easier to reason about and maintain.
Delivery highlights
- Refactored a draggable Kanban board to work consistently across iOS and Android.
- Built advanced card and column interactions with React Native Reanimated.
- Handled cross-platform touch behaviour through React Native Gesture Handler.
- Kept board state predictable with Redux and protected core behaviour with unit tests.
