timonson / creaim

A mind mapping app which can convert to/from markdown

creaim

A mind mapping app which can convert to/from markdown

Demo

Click here to see a demo of this app.

Stack

• TypeScript
• Native Web Components
• Canvas Api
• Karma for testing

Components

You can find all Web Components used by this app inside the components folder.

How it works

• To add a child node just click on a parent node and make a double click on free space.
• Click on the button inside of a node to get options for this specific node, including adding subtext (e.g. additional information) and styling for the node and its curve.
• You can remove nodes with the middle mouse button.
• Rename the node by double clicking on the text of a node
• You can drag nodes to move them.
• With the right mouse click on a node you can make a special curve (link) between two nodes.
• At the top of the page or options to import and export Markdown documents.

Development

npm install
npm run dev