Mindmap

Wat & waarom

Iemand had met AI een mindmap-maker gebouwd, maar kreeg één ding niet werkend: organische takken die naar buiten toe dunner worden, met de tekst óp de tak in plaats van losse hokjes. Wij bouwden het van de grond af opnieuw — een dependency-vrije HTML5-app met precies die taperende takken, slepen, inline tekst en één kleur per tak, plus een eigen multi-user backend met login en rollen. Volledig in eigen beheer.

De maker wilde het idee écht goed laten werken én zelf in beheer houden, niet vastzitten in een AI-studio. Precies dat faciliteren wij graag: van 'het lukt net niet' naar een app die gewoon draait.

Aanpak

1. De stijl als spec genomen: een vrij centraal punt, takken dik bij de kern en taperend naar de tip, en de tekst als label langs de tak.
2. Die taperende takken als gevulde SVG-paden gerenderd, de woorden rechtop langs de lijn; elke tak en z'n sub-takken delen één kleur.
3. Een fijne editor: slepen (met de hele subtree), pannen, zoomen, inline hernoemen, undo, en im-/export als JSON.
4. Een eigen multi-user backend (PHP + SQLite) met login, rollen en per-gebruiker mindmaps — database buiten de docroot, via CI uitgerold in eigen beheer.

Techniek

• Dependency-vrij HTML5
• SVG / taperende bezier
• PHP
• SQLite
• Sessie- + CSRF-auth
• Self-hosted