Just a Mind Map web app, powered by CSS Flex Box (YES), and SVG. And React and Jotai and…
Node and branches are arranged by nested CSS Flex Box, that’s why i build this thing. One day, the question bombed in my brain, “What if making a mind map app using flex box?”
Data is saved in IndexedDB, using PouchDB, will try to support sync in future; State management is Jotai and Immer extension; Styles – not finished yet – is TailwindCSS and DaisyUI. Tanstack Router is kind of magic, and Zod is very very helpful. Also, react-i18next, and Vite-PWA.
Source codes: bin16/flex-mind-map
Demo: Mind Map / 思维导图