Week 2 of Building Pocketflow for Shipaton 2026: Infinite Canvas and Realtime Sync

https://hackernoon.imgix.net/images/Le3yPOYE2eSQV07ikpqrbQ5NTMf1-0q43chu.jpeg

In case you missed week 1:

This week, things got highly visual. I spent my time figuring out how to build the core interface of Pocketflow: the infinite canvas editor.

Our main goal was simple to state but challenging to build: a smooth workspace where you can slide around, pinch to zoom in and out, draw node cards, and connect them with interactive wires. We wanted to build this entirely in Compose Multiplatform so it looks and runs the same on both iOS and Android. But we didn't stop at a single-user canvas. We took it a step further by integrating Supabase Realtime and Presence, enabling multiple users to view and edit the same canvas at the same time, seeing each other's live cursor movements.

Approach to Gesture Navigation: Panning and Pinch-to-Zoom

In Compose Multiplatform, we control the viewport window using state variables for the current offset (the X and...

Copyright of this story solely belongs to hackernoon.com. To see the full text click HERE

Read more