Mind Map Web App
A comprehensive mind mapping web application focused on simple, performant visual organization. The app uses FastAPI for the backend (PostgreSQL for local persistence via SQLAlchemy) and a D3.js-driven frontend (vanilla JavaScript + Jinja2 templates). Features include drag-and-drop node management, customizable node styling, auto-save/export, sanitized rich-text node descriptions, and an intuitive editor UI. (Development in progress.)
Problem Statement
Linear note-taking often fails to capture the non-linear, interconnected nature of ideas. The goal was to create a lightweight, usable mind-mapping tool for quick idea organization without heavy client frameworks.
My Approach
Built a Python FastAPI backend with REST endpoints and simple persistent storage (PostgreSQL). The frontend uses D3.js and vanilla JavaScript within Jinja2-rendered templates to render and interact with mind maps. Focused on performance for larger maps, sanitization for rich-text node content, and export/import utilities.
Key Outcomes
- Intuitive editor for creating and organizing idea graphs
- D3.js-powered rendering of hierarchical node structures
- Export/import(In Progress) and auto-save to persistent PostgreSQL storage
- Sanitized rich-text node descriptions for safe sharing
Screenshots
