Skip to content

Latest commit

 

History

History
53 lines (36 loc) · 1.93 KB

README.md

File metadata and controls

53 lines (36 loc) · 1.93 KB

Collaborative Mind Map with MindFusion.Diagramming for JavaScript

About The Project

A sample project demonstrating how to create a real-time collaborative diagramming application. It uses MindFusion's JavaScript Diagram library for the frontend diagramming canvas and Node.js with Socket.IO for the backend synchronization. The project is configured to run with a Vite development server.

Getting Started

Follow these steps to get the development environment running.

  1. Clone the repo

    git clone https://github.com/MindFusionComponents/collaborative-mindmap-javascript.git

  2. Install NPM packages

    npm install

  3. Run the development servers

    This project uses two separate servers: a backend for Socket.IO and a frontend Vite dev server. You will need to run them in two separate terminals.

    In your first terminal, run the backend server:

    npm start

    In your second terminal, run the frontend Vite dev server:

    npm run dev

  4. Open the application

    Open the URL provided by the Vite dev server (usually http://localhost:5173) in multiple browser tabs to see the real-time collaboration in action.

Documentation

MindFusion.Diagramming Documentation

MindFusion.Diagramming License

Use for free in exchange for a link back to https://mindfusion.dev/ (configuration shown in project).

For commercial use and dedicated technical support see:

Pricing (perpetual license for current version)
License agreement

Technical Support