https://github.com/roboraptor/njs-personal-mindmap
Personal MindMap. Usable for everything. Prepared to AI analyse your personality.
https://github.com/roboraptor/njs-personal-mindmap
ai-analysis ai-input d3 d3-visualization mindmap mindmap-editor mindmapping mindmaps react-flow
Last synced: about 13 hours ago
JSON representation
Personal MindMap. Usable for everything. Prepared to AI analyse your personality.
- Host: GitHub
- URL: https://github.com/roboraptor/njs-personal-mindmap
- Owner: roboraptor
- Created: 2026-03-31T13:19:02.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2026-04-07T20:17:04.000Z (2 months ago)
- Last Synced: 2026-04-07T21:06:52.997Z (2 months ago)
- Topics: ai-analysis, ai-input, d3, d3-visualization, mindmap, mindmap-editor, mindmapping, mindmaps, react-flow
- Language: TypeScript
- Homepage:
- Size: 380 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Personal Mind Map π§
*Read this in other languages: [Czech / Δesky](README-CZ.md)*
A modern Next.js application designed to create, manage, and visualize personal mind maps. It allows users to visually organize their thoughts, connect ideas, and get AI-powered insights into their mental models using an organic graph or a structured tree view.
## β¨ Core Features
- **AI Personality Analysis:** Instantly export your mind map into a structured Markdown prompt. Copy and paste it into ChatGPT, Claude, or Gemini to get psychological insights and a deep analysis of your mental patterns and cross-links.
- **Two views for identical data:** Toggle seamlessly between the "Space" view (a physically simulated cluster using Force Graph) and the "Tree" view (a hierarchically formatted diagram using React Flow).
- **Create and manage maps:** Easily create multiple mind maps to organize different topics, ideas, or projects.
- **Advanced node management:** Nodes support deep nesting (`parent_id`), arbitrary interconnecting (`cross_links`), and collapsible container mechanics (`collapsible`).
- **Smart branch moving:** In the "Tree" view, toggle the "Move including descendants" feature to effortlessly drag and reorganize an entire logical branch at once.
- **Physical engine customization:** Fine-tune the organic physics layout in the "Space" view by adjusting attributes like mass, bond length, and custom JSON styling.
## π How to Run the App Quickly
On Windows or Mac you can use `Start-MindMap.bat` or `start.command`
You only need a few simple commands to get the app running locally on your machine.
### 1. Install dependencies
```bash
npm install
```
### 2. Start the Application
```bash
npm run dev
```
That's it! π Open [http://localhost:3000](http://localhost:3000) in your browser. You can select your map in the top navigation bar and try out the AI analysis or view toggles.
## Tech Stack
- **Framework:** Next.js (App Router)
- **Database:** SQLite (local `mindmap.db`) with Drizzle ORM
- **Visualization:** `@xyflow/react` (Tree), `react-force-graph-2d` (Space)