Giter VIP home page Giter VIP logo

cedoor / mindmapp Goto Github PK

View Code? Open in Web Editor NEW
504.0 21.0 113.0 6.12 MB

:rocket: Web application to draw mind maps.

Home Page: https://mindmapp.cedoor.dev/

License: MIT License

JavaScript 1.06% HTML 24.09% TypeScript 62.42% SCSS 12.42%
electron mindmap map mind mmp visualization node branch draw infovis mindmapp organization memorise productivity desktop-application angular mindmapping

mindmapp's Introduction

๐Ÿšจ No longer maintained

Thank you for your interest in this project. Unfortunately, I am no longer maintaining it. I highly recommend checking out TeamMapper, which is actively developed and maintained by other developers, or fork it yourself!

Mindmapp beta

Web application to draw mind maps.


๐Ÿ“Ž Table of Contents

๐Ÿš€ Features

Feature Status Description
Basic mind map properties โœ”๏ธ Set node images, colors and font properties.
Undo/Redo โœ”๏ธ History of map changes.
Map centering โœ”๏ธ Center map in x, y, z axes.
Shortcuts โœ”๏ธ Main shortcuts to speed things up.
Local storage โœ”๏ธ Save maps in the browser local storage.
JSON import/export โœ”๏ธ Export and import maps as JSON file.
Image & PDF export โœ”๏ธ Export maps as image (png, jpg) or PDF document.
PWA support โœ”๏ธ Support of desktop and mobile browser PWA (Progressive Web App).
p2p database โŒ Orbit (or something else) peer-to-peer database to share and eventually sync maps.
Plugin system โŒ A plugin system to add third-party features.
Multiple selection โŒ Select multiple nodes at the same time.
Multiple maps โœ”๏ธ Multiple maps at the same time with multi-tabs.

๐Ÿ”จ Install

With the following installed:

  • git
  • node >= 12
  • npm >= 6

Clone the repo and install the dependencies from npm.

git clone https://github.com/Mindmapp/mindmapp.git
cd mindmapp
npm i

๐ŸŽฎ Usage

For local development with angular dev server:

npm start

Then open http://localhost:4200 in your browser.

If you want to generate the project documentation:

npm run doc

A documentation folder will be generated in the project path.

๐Ÿ“ˆ Development

๐Ÿ“œ Rules

Commits

  • Use this commit message format (angular style):

    [<type>] <subject> <BLANK LINE> <body>

    where type must be one of the following:

    • feat: A new feature
    • fix: A bug fix
    • docs: Documentation only changes
    • style: Changes that do not affect the meaning of the code
    • refactor: A code change that neither fixes a bug nor adds a feature
    • test: Adding missing or correcting existing tests
    • chore: Changes to the build process or auxiliary tools and libraries such as documentation generation
    • update: Update of the library version or of the dependencies

and body must be should include the motivation for the change and contrast this with previous behavior (do not add body if the commit is trivial).

  • Use the imperative, present tense: "change" not "changed" nor "changes".
  • Don't capitalize first letter.
  • No dot (.) at the end.

Branches

  • There is a master branch, used only for release.
  • There is a dev branch, used to merge all sub dev branch.
  • Avoid long descriptive names for long-lived branches.
  • No CamelCase.
  • Use grouping tokens (words) at the beginning of your branch names (in a similar way to the type of commit).
  • Define and use short lead tokens to differentiate branches in a way that is meaningful to your workflow.
  • Use slashes to separate parts of your branch names.
  • Remove branch after merge if it is not important.

Examples:

git branch -b docs/README
git branch -b test/one-function
git branch -b feat/side-bar
git branch -b style/header

โœ‹ Contributors

Mindmapp is a work in progress. Remember that if you want you can make a small contribution with a pull request.

๐Ÿ’ป Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

๐Ÿ’ฐ Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

๐Ÿ“„ License

๐Ÿ“ž Contacts

๐Ÿ‘ฆ Developers

mindmapp's People

Contributors

cedoor avatar dependabot[bot] avatar explooosion avatar j1012 avatar kant avatar liberodark avatar monkeywithacupcake avatar stefnotch avatar tim-krieger avatar xiafan001 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mindmapp's Issues

Menu text & icons rendering issue

I have installed Mindmapp both on my main system with Arch Linux as well on a VM with Antergos. On Arch the menu text and icons are not rendered normally:
mindmapp_screenshot_20180811_170927

On the VM with Antergos Mindmapp there is not such issue.
it seems to be related with electron since I'm having similar issue with Pencil:
Pencil issue

Portuguese translation

Hi @cedoor, good afternoon.
I would like to know if you have an interest in translating the mindmap into Portuguese? maybe I can help you.

Allow selecting multiple nodes at the same time

Feature Request

It would be great if we call allow selecting multiple nodes at the same time, so as to allow changing various attributes en-masse. This can be made easier by having a draggable selection window. For allowing the selection window, (currently dragging action moves the map around as it should), add multiple modes (add a button in bottom right) namely, Zoom Mode and an Edit Mode (On selecting a node, the current text should be immediately selected). In edit mode, dragging should not move the map, except when the edge is reached, but select all nodes under the selection window. Changing the node text/chain color should be easily doable then.

Fix windows icons

When using windows, the application has the electron logo instead of the right one.

Allow setting attributes for new nodes created

Feature Request

Allowing the node text and the chain color to be set before creating a node would significantly reduce the time having to copy paste color codes on each node after creating the same. Currently when no nodes are selected, the attributes of the root node will be changed. However that's something that needs to be done once in a session, and can be done by selecting the root node itself and modifying the same. Instead keep the 3 color selectors when no node is selected, and apply those attributes on all new nodes created from then.

Allow a child node to be re-linked to another parent node

Current behaviour

We can't modify the link between a parent node and a child node. Thus every time we need to affect some child nodes to another parent node, we must delete them all and re-create them one by one. This makes the tool of very limited use.

Expected behaviour

The link between two nodes can be modified to be affected to some other node.

segmentation fault (core dumped)

I get following error when I try to install mindmapp:

$ chmod a+x Mindmapp-0.7.9.AppImage
$ ./Mindmapp-0.7.9.AppImage                                                                                                                             ย 
[1]    15528 segmentation fault (core dumped)  ./Mindmapp-0.7.9.AppImage

Stuck at chunk on run

I get stuck at:
chunk {vendor} vendor.js, vendor.js.map (vendor) 8.01 MB [initial] [rendered]

after issuing npm run ng:build #

Auto update

  • Set base autoupdate configuation
  • Set dialog windows to notify updates

Positioning with a grid system

Hi,

You have possibility to add as adobe a system of parallelism so that the nodes is well above the others with the same deviation a grid system also would be welcome.
For make proper minmap :D

cordially

File watcher

Add a file watcher for mmp files to update the map after external modifications.

libGL error

I'm getting after:

$ chmod a+x Mindmapp-0.7.12.appimage
$ ./Mindmapp-0.7.12.appimage

these errors:

libGL error: pci id for fd 11: 80ee:beef, driver (null)
libGL error: No driver found
libGL error: failed to load driver: (null)
[10:18:47.400] [info] Checking for update

on a VM with Antergos although Mindmapp seems to be working normally.

Add possibility to add more images on one node

Hi,

A good solution is for all nodes support max 4 image one in top in left in right in down.
And possibility to make space or resize of images.
For make beautiful nodes...

Cordialy

Shortcut to edit a node

There are several shortcuts to work with nodes, but there is none to edit one. It could be F2 which is the shortcut for file renaming, for example.

resource deployment request

I would like the feature to hide and show the node to be implemented.
this feature will allow you to be able to present information to third parties in a controlled manner.
Thank you!

ctrl+backspace and ctrl+delete shortcuts

While in the context of text editing, the following expected keyboard shortcuts are not working...

ctrl+backspace - delete word to left of caret
ctrl+delete - delete work to right of caret.

The similar shortcut of ctrl+shift+[left/right], is working correctly to select word to left or right of caret respectively.

Not able to build

I get an error when I npm start while npm run ng:build is running

It works fine when I build the app and then npm start but then it doesn't auto reload.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.