You can try it at https://sujitmindmap.000webhostapp.com/minmap0.1.html
HI I wanted to share my javascript minmapping project
I wanted to create a minmapping app that will run on windows, ubuntu, ios and android without any alteration. I asked chat GPT which suggested using React framework but I wanted to do it natively so went with plain javascript. Its my furst time building a javascript gui,
The existing mobile minmapping apps for android are really distracting as they insist on overlaying an input window over your mindmap. (see simplemind etc) I previously spoke to the devs at simplemind that said it was impossible to fix (QED!). I asked chatGPT how to fix this and it suggested a hidden input window and this works a treat. Had to implement some workarounds to keep the android keyboard from hiding.
Runs ok on Ubutu, windows and android. ios is funny in that you cant easily view downloaded html files but should run fine off the weblink.
you can try it out by clicking his link i hosted
https://sujitmindmap.000webhostapp.com/minmap0.1.html
Instructions:
- double click (doubletap) to create mainmap node or a child node
- type to add text to the node
- you can drag a node with mouse./finger
- you can select a node by tapping it - selected nodes have a dashed circle
- delete a node by clicking del button on the gui
Programming notes
https://github.com/sujitvasanth/minmap/tree/main
succinct (160 lines of code)
nodes array holds the mindmap each entry has x,y, label, children array
there is an assumption that each node only has 1 parent but this is how minmaps work for me.,.
move and delete use recursive subroutines for iterating through the trees (ChatGPT’s idea which I thought was very clever)
chat GPT completely failed at helping with the deleteselectednode subroutine which took me ages to debug (2 days) main problem being how to recursively delete the nodes while maintaining the child node relations
Next Steps:
0. doesn’t handle window frame size optimally across desktop/android properly
- Add load/save/cloud save
- Handle longer text entries and smaller display sizes for each subsequent generation of nodes
- smart iterative autocomplete e.g, numbers, days, dates
Any ideas, comments or suggestions would be appreciated
