Coaching SaaS
DFPH
A canvas-first flowchart editor for a coaching platform, round-tripping workflow logic between a visual graph and Mermaid text.
Key takeaways
- Type
- Coaching SaaS
- Built by
- Jeshua Galao
- In short
- A canvas-first flowchart editor for a coaching platform, round-tripping workflow logic between a visual graph and Mermaid text.
The problem
In a coaching platform, mentees needed to map if/else decision workflows on a canvas, while coaches needed that same logic as reviewable text they could copy and discuss, not screenshots or a separate diagram tool.
What I built
I built a canvas first flowchart editor on React Flow where graph JSON is the source of truth. Custom graphToMermaid and mermaidToGraph converters round trip workflow logic, with templates, autosave, read only share links, and SVG/PNG export.
The outcome
Mentees draw workflows visually; coaches copy Mermaid logic as text. The dual representation, visual editor plus text DSL, ships with auth, persistence, and share routes as production wiring.
Want something like this?
Fifteen minutes, no pitch deck. Tell me what is slowing the business down.
Book a call