A formation tells players where to start. The harder thing to show is where they should go once the ball moves. We built Soccer Board to let a coach talk through both on the same pitch.
Start in Board mode and place the pieces by hand, like magnets on a tactics board. Use Flow to walk through a passing sequence. In Scenarios, put the ball in a game situation and look at what changes when the team attacks or defends.
One shape, three ways to teach it.
Compare a starting shape, a passing move, and a decision under pressure.
The board can show the whole team, but sometimes the conversation is about one player. Pin a role to keep its instruction in view as the situation changes. A coach can follow what that player does before the pass, where they move next, and why. The app includes formats for 7v7, 9v9, and 11v11.
Share the rules, draw the board separately
The web and Expo apps use the same TypeScript engine to work out where the players should be. Each app draws and handles its own board. That keeps a change to the shape separate from a change to how a coach moves a piece on a screen.
The native iOS app uses SwiftUI and a Swift version of that engine. Its own unit tests help us check the Swift rules as we work to keep them in step with the web version.