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.
Cross-platform board
ClarizenProduct deliveryBacklog4ResearchMobileAPI contractProductIn progress2Mobile boardMobileGesture statesProductComplete7Unit coverageMobileiOS reviewProduct
Gesture-driven cards
Mobile boardIn progress
Predictable state
Gesture eventRedux updateBoard rendered
iOS + Android
Target platforms

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.